@fewangsit/wangsvue-presets 1.0.107 → 1.0.108-alpha.1
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/fixedasset/badge/index.d.ts +14 -14
- package/fixedasset/badge/index.js +15 -14
- package/fixedasset/breadcrumb/index.d.ts +4 -4
- package/fixedasset/breadcrumb/index.js +6 -5
- package/fixedasset/button/index.d.ts +2 -2
- package/fixedasset/button/index.js +39 -80
- package/fixedasset/buttonbulkaction/index.d.ts +2 -2
- package/fixedasset/buttonbulkaction/index.js +8 -5
- package/fixedasset/buttondownload/index.d.ts +2 -2
- package/fixedasset/buttondownload/index.js +5 -4
- package/fixedasset/buttonfilter/index.d.ts +4 -7
- package/fixedasset/buttonfilter/index.js +5 -7
- package/fixedasset/buttonradio/index.d.ts +20 -20
- package/fixedasset/buttonradio/index.js +11 -10
- package/fixedasset/buttonsearch/index.d.ts +2 -2
- package/fixedasset/buttonsearch/index.js +9 -8
- package/fixedasset/calendar/index.js +64 -66
- package/fixedasset/card/index.js +2 -2
- package/fixedasset/checkbox/index.d.ts +58 -58
- package/fixedasset/checkbox/index.js +19 -18
- package/fixedasset/codesnippet/index.js +3 -3
- package/fixedasset/customcolumn/index.d.ts +2 -2
- package/fixedasset/customcolumn/index.js +3 -2
- package/fixedasset/datatable/index.d.ts +50 -44
- package/fixedasset/datatable/index.js +34 -31
- package/fixedasset/dialog/index.d.ts +4 -4
- package/fixedasset/dialog/index.js +16 -16
- package/fixedasset/dialogconfirm/index.d.ts +2 -2
- package/fixedasset/dialogconfirm/index.js +3 -2
- package/fixedasset/dialogform/index.d.ts +2 -2
- package/fixedasset/dialogform/index.js +4 -3
- package/fixedasset/dropdown/index.d.ts +41 -41
- package/fixedasset/dropdown/index.js +20 -21
- package/fixedasset/fieldwrapper/index.d.ts +2 -2
- package/fixedasset/fieldwrapper/index.js +8 -7
- package/fixedasset/fileupload/index.d.ts +2 -2
- package/fixedasset/fileupload/index.js +2 -1
- package/fixedasset/filtercontainer/index.d.ts +2 -2
- package/fixedasset/filtercontainer/index.js +3 -2
- package/fixedasset/form/index.d.ts +2 -2
- package/fixedasset/form/index.js +3 -2
- package/fixedasset/global.js +1 -1
- package/fixedasset/image/index.d.ts +2 -2
- package/fixedasset/image/index.js +21 -20
- package/fixedasset/index.es.js +793 -804
- package/fixedasset/index.system.js +2 -2
- package/fixedasset/inlinemessage/index.d.ts +4 -4
- package/fixedasset/inlinemessage/index.js +6 -4
- package/fixedasset/inputbadge/index.d.ts +10 -10
- package/fixedasset/inputbadge/index.js +6 -6
- package/fixedasset/inputcurrency/index.d.ts +6 -6
- package/fixedasset/inputcurrency/index.js +2 -1
- package/fixedasset/inputgroup/index.d.ts +2 -2
- package/fixedasset/inputgroup/index.js +8 -7
- package/fixedasset/inputgroupaddon/index.d.ts +6 -6
- package/fixedasset/inputgroupaddon/index.js +5 -4
- package/fixedasset/inputnumber/index.d.ts +2 -2
- package/fixedasset/inputnumber/index.js +8 -5
- package/fixedasset/inputotp/index.js +6 -7
- package/fixedasset/inputphonenumber/index.d.ts +8 -8
- package/fixedasset/inputphonenumber/index.js +7 -6
- package/fixedasset/inputtext/index.d.ts +4 -4
- package/fixedasset/inputtext/index.js +6 -5
- package/fixedasset/loading/index.d.ts +2 -2
- package/fixedasset/loading/index.js +5 -4
- package/fixedasset/menu/index.d.ts +3 -3
- package/fixedasset/menu/index.js +9 -5
- package/fixedasset/multiselect/index.d.ts +107 -107
- package/fixedasset/multiselect/index.js +25 -27
- package/fixedasset/overlaypanel/index.d.ts +2 -2
- package/fixedasset/overlaypanel/index.js +4 -3
- package/fixedasset/paginator/index.d.ts +19 -19
- package/fixedasset/paginator/index.js +24 -23
- package/fixedasset/password/index.d.ts +5 -5
- package/fixedasset/password/index.js +13 -13
- package/fixedasset/style.css +1333 -77
- package/fixedasset/tabmenu/index.js +13 -13
- package/fixedasset/textarea/index.d.ts +2 -2
- package/fixedasset/textarea/index.js +6 -5
- package/fixedasset/timeline/index.d.ts +2 -2
- package/fixedasset/timeline/index.js +12 -8
- package/fixedasset/toast/index.d.ts +8 -8
- package/fixedasset/toast/index.js +8 -7
- package/fixedasset/toggleswitch/index.d.ts +42 -42
- package/fixedasset/toggleswitch/index.js +12 -11
- package/fixedasset/tooltip/index.d.ts +2 -2
- package/fixedasset/tooltip/index.js +4 -3
- package/fixedasset/tree/index.d.ts +26 -29
- package/fixedasset/tree/index.js +17 -24
- package/fixedasset/username/index.js +7 -5
- package/fixedasset/validatormessage/index.d.ts +2 -2
- package/fixedasset/validatormessage/index.js +5 -2
- package/globalsettings/datatable/index.d.ts +9 -10
- package/globalsettings/datatable/index.js +7 -9
- package/globalsettings/index.es.js +7 -8
- package/globalsettings/index.system.js +2 -2
- package/globalsettings/style.css +1353 -49
- package/package.json +1 -1
- package/supplyasset/datatable/index.d.ts +9 -10
- package/supplyasset/datatable/index.js +7 -9
- package/supplyasset/index.es.js +13 -14
- package/supplyasset/index.system.js +2 -2
- package/supplyasset/style.css +1359 -55
- package/wangsvue/datatable/index.d.ts +2 -3
- package/wangsvue/datatable/index.js +6 -8
- package/wangsvue/index.es.js +14 -15
- package/wangsvue/index.system.js +2 -2
- package/wangsvue/style.css +1332 -76
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
export default definePreset;
|
|
2
|
+
declare namespace definePreset {
|
|
2
3
|
function root({ props }: {
|
|
3
4
|
props: any;
|
|
4
5
|
}): {
|
|
5
6
|
class: (string | {
|
|
6
|
-
'text-
|
|
7
|
-
'text-success-500 bg-success-100': boolean;
|
|
8
|
-
'text-
|
|
9
|
-
'text-
|
|
10
|
-
'text-
|
|
11
|
-
'text-
|
|
7
|
+
'text-primary-500 bg-primary-50 dark:text-primary-800 dark:bg-primary-300': boolean;
|
|
8
|
+
'text-success-500 bg-success-100 dark:text-success-800 dark:bg-success-200': boolean;
|
|
9
|
+
'text-warning-600 bg-warning-100 dark:text-warning-800 dark:bg-warning-400': boolean;
|
|
10
|
+
'text-danger-600 bg-danger-100 dark:text-danger-700 dark:bg-danger-200': boolean;
|
|
11
|
+
'text-grayscale-800 bg-grayscale-200 dark:text-grayscale-50 dark:bg-grayscale-800': boolean;
|
|
12
|
+
'text-general-400 bg-general-100 dark:text-general-100 dark:bg-general-400': any;
|
|
12
13
|
})[];
|
|
13
14
|
'data-wv-name': string;
|
|
14
15
|
'data-wv-section': string;
|
|
@@ -26,15 +27,14 @@ declare namespace _default {
|
|
|
26
27
|
props: any;
|
|
27
28
|
}): {
|
|
28
29
|
class: (string | {
|
|
29
|
-
'text-primary-500': boolean;
|
|
30
|
-
'text-success-500': boolean;
|
|
31
|
-
'text-danger-600': boolean;
|
|
32
|
-
'text-warning-600': boolean;
|
|
33
|
-
'text-grayscale-800 hover:bg-grayscale-
|
|
34
|
-
'text-general-400': any;
|
|
30
|
+
'text-primary-500 dark:text-primary-800': boolean;
|
|
31
|
+
'text-success-500 dark:text-success-800': boolean;
|
|
32
|
+
'text-danger-600 dark:text-danger-700': boolean;
|
|
33
|
+
'text-warning-600 dark:text-warning-800': boolean;
|
|
34
|
+
'text-grayscale-800 hover:bg-grayscale-50 dark:text-grayscale-50 dark:hover:bg-grayscale-700': boolean;
|
|
35
|
+
'text-general-400 dark:text-general-100': any;
|
|
35
36
|
})[];
|
|
36
37
|
'icon-class': string;
|
|
37
38
|
'data-wv-section': string;
|
|
38
39
|
};
|
|
39
40
|
}
|
|
40
|
-
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
var definePreset = {
|
|
4
4
|
root: function (_a) {
|
|
5
5
|
var props = _a.props;
|
|
6
6
|
return ({
|
|
@@ -13,13 +13,13 @@ exports.default = {
|
|
|
13
13
|
'rounded-lg ',
|
|
14
14
|
// Color
|
|
15
15
|
{
|
|
16
|
-
'text-
|
|
17
|
-
|
|
18
|
-
'text-
|
|
19
|
-
|
|
20
|
-
'text-
|
|
21
|
-
'text-
|
|
22
|
-
'text-
|
|
16
|
+
'text-primary-500 bg-primary-50 dark:text-primary-800 dark:bg-primary-300': !props.disabled &&
|
|
17
|
+
(props.severity === 'primary' || props.severity === null),
|
|
18
|
+
'text-success-500 bg-success-100 dark:text-success-800 dark:bg-success-200': !props.disabled && props.severity === 'success',
|
|
19
|
+
'text-warning-600 bg-warning-100 dark:text-warning-800 dark:bg-warning-400': !props.disabled && props.severity === 'warning',
|
|
20
|
+
'text-danger-600 bg-danger-100 dark:text-danger-700 dark:bg-danger-200': !props.disabled && props.severity === 'danger',
|
|
21
|
+
'text-grayscale-800 bg-grayscale-200 dark:text-grayscale-50 dark:bg-grayscale-800': !props.disabled && props.severity === 'dark',
|
|
22
|
+
'text-general-400 bg-general-100 dark:text-general-100 dark:bg-general-400': props.disabled,
|
|
23
23
|
},
|
|
24
24
|
],
|
|
25
25
|
'data-wv-name': 'badge',
|
|
@@ -44,13 +44,13 @@ exports.default = {
|
|
|
44
44
|
'class': [
|
|
45
45
|
'!p-0 !w-[10px] !h-[10px] ml-1',
|
|
46
46
|
{
|
|
47
|
-
'text-primary-500': !props.disabled &&
|
|
47
|
+
'text-primary-500 dark:text-primary-800': !props.disabled &&
|
|
48
48
|
(!props.badgeSeverity || props.badgeSeverity === 'primary'),
|
|
49
|
-
'text-success-500': !props.disabled && props.badgeSeverity === 'success',
|
|
50
|
-
'text-danger-600': !props.disabled && props.badgeSeverity === 'danger',
|
|
51
|
-
'text-warning-600': !props.disabled && props.badgeSeverity === 'warning',
|
|
52
|
-
'text-grayscale-800 hover:bg-grayscale-
|
|
53
|
-
'text-general-400': props.disabled,
|
|
49
|
+
'text-success-500 dark:text-success-800': !props.disabled && props.badgeSeverity === 'success',
|
|
50
|
+
'text-danger-600 dark:text-danger-700': !props.disabled && props.badgeSeverity === 'danger',
|
|
51
|
+
'text-warning-600 dark:text-warning-800': !props.disabled && props.badgeSeverity === 'warning',
|
|
52
|
+
'text-grayscale-800 hover:bg-grayscale-50 dark:text-grayscale-50 dark:hover:bg-grayscale-700': !props.disabled && props.badgeSeverity === 'dark',
|
|
53
|
+
'text-general-400 dark:text-general-100': props.disabled,
|
|
54
54
|
},
|
|
55
55
|
],
|
|
56
56
|
'icon-class': 'w-[10px] h-[10px] !text-[10px]',
|
|
@@ -58,3 +58,4 @@ exports.default = {
|
|
|
58
58
|
});
|
|
59
59
|
},
|
|
60
60
|
};
|
|
61
|
+
exports.default = definePreset;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
export default definePreset;
|
|
2
|
+
declare namespace definePreset {
|
|
2
3
|
let root: {
|
|
3
4
|
class: string[];
|
|
4
5
|
'data-wv-name': string;
|
|
@@ -8,8 +9,8 @@ declare namespace _default {
|
|
|
8
9
|
context: any;
|
|
9
10
|
}): {
|
|
10
11
|
class: {
|
|
11
|
-
'font-bold text-general-400': any;
|
|
12
|
-
'text-primary-500': boolean;
|
|
12
|
+
'font-bold text-general-400 dark:text-general-50': any;
|
|
13
|
+
'text-primary-500 dark:text-primary-300': boolean;
|
|
13
14
|
};
|
|
14
15
|
'data-wv-section': string;
|
|
15
16
|
};
|
|
@@ -22,4 +23,3 @@ declare namespace _default {
|
|
|
22
23
|
'data-wv-section': string;
|
|
23
24
|
};
|
|
24
25
|
}
|
|
25
|
-
export default _default;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
var definePreset = {
|
|
4
4
|
root: {
|
|
5
5
|
'class': [
|
|
6
6
|
'flex gap-[5px] items-center text-left h-[26px]',
|
|
7
|
-
'text-general-800',
|
|
7
|
+
'text-general-800 dark:text-general-100',
|
|
8
8
|
'text-xs font-medium leading-4 tracking-[0.02em]',
|
|
9
9
|
],
|
|
10
10
|
'data-wv-name': 'breadcrumb',
|
|
@@ -14,14 +14,14 @@ exports.default = {
|
|
|
14
14
|
var context = _a.context;
|
|
15
15
|
return ({
|
|
16
16
|
'class': {
|
|
17
|
-
'font-bold text-general-400': context.lastItem,
|
|
18
|
-
'text-primary-500': !context.lastItem && !context.firstItem,
|
|
17
|
+
'font-bold text-general-400 dark:text-general-50': context.lastItem,
|
|
18
|
+
'text-primary-500 dark:text-primary-300': !context.lastItem && !context.firstItem,
|
|
19
19
|
},
|
|
20
20
|
'data-wv-section': 'breadcrumb-menu',
|
|
21
21
|
});
|
|
22
22
|
},
|
|
23
23
|
itemlink: {
|
|
24
|
-
'class': 'cursor-pointer
|
|
24
|
+
'class': 'cursor-pointer',
|
|
25
25
|
'data-wv-section': 'itemlink',
|
|
26
26
|
},
|
|
27
27
|
separator: {
|
|
@@ -29,3 +29,4 @@ exports.default = {
|
|
|
29
29
|
'data-wv-section': 'separator',
|
|
30
30
|
},
|
|
31
31
|
};
|
|
32
|
+
exports.default = definePreset;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
var definePreset = {
|
|
4
4
|
root: function (_a) {
|
|
5
5
|
var props = _a.props, context = _a.context;
|
|
6
6
|
return ({
|
|
@@ -40,13 +40,13 @@ exports.default = {
|
|
|
40
40
|
},
|
|
41
41
|
// Plain Button
|
|
42
42
|
{
|
|
43
|
-
'text-white bg-gray-500 ring-1 ring-gray-500': props.plain && !props.outlined && !props.text,
|
|
43
|
+
'text-white dark:text-black bg-gray-500 dark:bg-gray-300 ring-1 ring-gray-500 dark:ring-gray-300': props.plain && !props.outlined && !props.text,
|
|
44
44
|
},
|
|
45
45
|
// Plain Text Button
|
|
46
|
-
{ 'text-primary-500': props.plain && props.text },
|
|
46
|
+
{ 'text-primary-500 dark:text-primary-300': props.plain && props.text },
|
|
47
47
|
// Plain Outlined Button
|
|
48
48
|
{
|
|
49
|
-
'text-primary-500 ring-1 ring-gray-500': props.plain && props.outlined,
|
|
49
|
+
'text-primary-500 dark:text-primary-300 ring-1 ring-gray-500 dark:ring-gray-300': props.plain && props.outlined,
|
|
50
50
|
},
|
|
51
51
|
// Text Button
|
|
52
52
|
{ 'bg-transparent ring-transparent': props.text && !props.plain },
|
|
@@ -55,17 +55,7 @@ exports.default = {
|
|
|
55
55
|
// --- Severity Buttons ---
|
|
56
56
|
// Secondary Button
|
|
57
57
|
{
|
|
58
|
-
'text-white': !props.link &&
|
|
59
|
-
props.severity === 'secondary' &&
|
|
60
|
-
!props.text &&
|
|
61
|
-
!props.outlined &&
|
|
62
|
-
!props.plain,
|
|
63
|
-
'bg-grayscale-900': !props.link &&
|
|
64
|
-
props.severity === 'secondary' &&
|
|
65
|
-
!props.text &&
|
|
66
|
-
!props.outlined &&
|
|
67
|
-
!props.plain,
|
|
68
|
-
'ring-1 ring-grayscale-900': !props.link &&
|
|
58
|
+
'text-white bg-grayscale-900 ring-1 ring-grayscale-900 dark:text-general-900 dark:bg-general-50 dark:ring-general-50': !props.link &&
|
|
69
59
|
props.severity === 'secondary' &&
|
|
70
60
|
!props.text &&
|
|
71
61
|
!props.outlined &&
|
|
@@ -73,61 +63,45 @@ exports.default = {
|
|
|
73
63
|
},
|
|
74
64
|
// Secondary Text Button
|
|
75
65
|
{
|
|
76
|
-
'text-grayscale-900': props.text && props.severity === 'secondary' && !props.plain,
|
|
66
|
+
'text-grayscale-900 dark:text-general-50': props.text && props.severity === 'secondary' && !props.plain,
|
|
77
67
|
},
|
|
78
68
|
// Secondary Outlined Button
|
|
79
69
|
{
|
|
80
|
-
'text-grayscale-900 ring-1 ring-grayscale-900': props.outlined && props.severity === 'secondary' && !props.plain,
|
|
70
|
+
'text-grayscale-900 ring-1 ring-grayscale-900 dark:text-general-50 dark:ring-general-50': props.outlined && props.severity === 'secondary' && !props.plain,
|
|
81
71
|
},
|
|
82
72
|
// Primary Blue Button
|
|
83
73
|
{
|
|
84
|
-
'text-white': (props.severity == null || props.severity === 'primary') &&
|
|
85
|
-
!props.text &&
|
|
86
|
-
!props.outlined &&
|
|
87
|
-
!props.plain,
|
|
88
|
-
'bg-primary-500': (props.severity == null || props.severity === 'primary') &&
|
|
89
|
-
!props.text &&
|
|
90
|
-
!props.outlined &&
|
|
91
|
-
!props.plain,
|
|
92
|
-
'ring-1 ring-primary-500': (props.severity == null || props.severity === 'primary') &&
|
|
74
|
+
'text-white bg-primary-500 ring-1 ring-primary-500 dark:text-primary-800 dark:bg-primary-300 dark:ring-primary-300': (props.severity == null || props.severity === 'primary') &&
|
|
93
75
|
!props.text &&
|
|
94
76
|
!props.outlined &&
|
|
95
77
|
!props.plain,
|
|
96
78
|
},
|
|
97
79
|
// Primary Blue Text Button
|
|
98
80
|
{
|
|
99
|
-
'text-primary-500': props.text &&
|
|
81
|
+
'text-primary-500 dark:text-primary-300': props.text &&
|
|
100
82
|
(props.severity == null || props.severity === 'primary') &&
|
|
101
83
|
!props.plain,
|
|
102
84
|
},
|
|
103
85
|
// Primary Blue Outlined Button
|
|
104
86
|
{
|
|
105
|
-
'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-500/20': props.outlined &&
|
|
87
|
+
'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-500/20 dark:text-primary-300 dark:ring-primary-300 dark:hover:bg-primary-900/40': props.outlined &&
|
|
106
88
|
(props.severity == null || props.severity === 'primary') &&
|
|
107
89
|
!props.plain,
|
|
108
90
|
},
|
|
109
91
|
// Success Button
|
|
110
92
|
{
|
|
111
|
-
'text-white': props.severity === 'success' &&
|
|
112
|
-
!props.text &&
|
|
113
|
-
!props.outlined &&
|
|
114
|
-
!props.plain,
|
|
115
|
-
'bg-success-500': props.severity === 'success' &&
|
|
116
|
-
!props.text &&
|
|
117
|
-
!props.outlined &&
|
|
118
|
-
!props.plain,
|
|
119
|
-
'ring-1 ring-success-500': props.severity === 'success' &&
|
|
93
|
+
'text-white bg-success-500 ring-1 ring-success-500 dark:text-success-900 dark:bg-success-300 dark:ring-success-300': props.severity === 'success' &&
|
|
120
94
|
!props.text &&
|
|
121
95
|
!props.outlined &&
|
|
122
96
|
!props.plain,
|
|
123
97
|
},
|
|
124
98
|
// Success Text Button
|
|
125
99
|
{
|
|
126
|
-
'text-success-500': props.text && props.severity === 'success' && !props.plain,
|
|
100
|
+
'text-success-500 dark:text-success-300': props.text && props.severity === 'success' && !props.plain,
|
|
127
101
|
},
|
|
128
102
|
// Success Outlined Button
|
|
129
103
|
{
|
|
130
|
-
'text-success-500 ring-1 ring-success-500 hover:bg-success-300/20': props.outlined && props.severity === 'success' && !props.plain,
|
|
104
|
+
'text-success-500 ring-1 ring-success-500 hover:bg-success-300/20 dark:text-success-300 dark:ring-success-300 dark:hover:bg-success-900/40': props.outlined && props.severity === 'success' && !props.plain,
|
|
131
105
|
},
|
|
132
106
|
// Info Button
|
|
133
107
|
{
|
|
@@ -154,26 +128,18 @@ exports.default = {
|
|
|
154
128
|
},
|
|
155
129
|
// Warning Button
|
|
156
130
|
{
|
|
157
|
-
'text-white': props.severity === 'warning' &&
|
|
158
|
-
!props.text &&
|
|
159
|
-
!props.outlined &&
|
|
160
|
-
!props.plain,
|
|
161
|
-
'bg-warning-500': props.severity === 'warning' &&
|
|
162
|
-
!props.text &&
|
|
163
|
-
!props.outlined &&
|
|
164
|
-
!props.plain,
|
|
165
|
-
'ring-1 ring-warning-500': props.severity === 'warning' &&
|
|
131
|
+
'text-white bg-warning-500 ring-1 ring-warning-500 dark:text-warning-800 dark:bg-warning-300 dark:ring-warning-300': props.severity === 'warning' &&
|
|
166
132
|
!props.text &&
|
|
167
133
|
!props.outlined &&
|
|
168
134
|
!props.plain,
|
|
169
135
|
},
|
|
170
136
|
// Warning Text Button
|
|
171
137
|
{
|
|
172
|
-
'text-warning-500': props.text && props.severity === 'warning' && !props.plain,
|
|
138
|
+
'text-warning-500 dark:text-warning-300': props.text && props.severity === 'warning' && !props.plain,
|
|
173
139
|
},
|
|
174
140
|
// Warning Outlined Button
|
|
175
141
|
{
|
|
176
|
-
'text-warning-500 ring-1 ring-warning-500 hover:bg-warning-300/20': props.outlined && props.severity === 'warning' && !props.plain,
|
|
142
|
+
'text-warning-500 ring-1 ring-warning-500 hover:bg-warning-300/20 dark:text-warning-300 dark:ring-warning-300 dark:hover:bg-warning-900/40': props.outlined && props.severity === 'warning' && !props.plain,
|
|
177
143
|
},
|
|
178
144
|
// Help Button
|
|
179
145
|
{
|
|
@@ -200,26 +166,18 @@ exports.default = {
|
|
|
200
166
|
},
|
|
201
167
|
// Danger Button
|
|
202
168
|
{
|
|
203
|
-
'text-white': props.severity === 'danger' &&
|
|
204
|
-
!props.text &&
|
|
205
|
-
!props.outlined &&
|
|
206
|
-
!props.plain,
|
|
207
|
-
'bg-danger-500': props.severity === 'danger' &&
|
|
208
|
-
!props.text &&
|
|
209
|
-
!props.outlined &&
|
|
210
|
-
!props.plain,
|
|
211
|
-
'ring-1 ring-danger-500': props.severity === 'danger' &&
|
|
169
|
+
'text-white bg-danger-500 ring-1 ring-danger-500 dark:text-danger-800 dark:bg-danger-200 dark:ring-danger-200': props.severity === 'danger' &&
|
|
212
170
|
!props.text &&
|
|
213
171
|
!props.outlined &&
|
|
214
172
|
!props.plain,
|
|
215
173
|
},
|
|
216
174
|
// Danger Text Button
|
|
217
175
|
{
|
|
218
|
-
'text-danger-500': props.text && props.severity === 'danger' && !props.plain,
|
|
176
|
+
'text-danger-500 dark:text-danger-200': props.text && props.severity === 'danger' && !props.plain,
|
|
219
177
|
},
|
|
220
178
|
// Danger Outlined Button
|
|
221
179
|
{
|
|
222
|
-
'text-danger-500 ring-1 ring-danger-500 hover:bg-danger-300/20': props.outlined && props.severity === 'danger' && !props.plain,
|
|
180
|
+
'text-danger-500 ring-1 ring-danger-500 hover:bg-danger-300/20 dark:text-danger-200 dark:ring-danger-200 dark:hover:bg-danger-900/40': props.outlined && props.severity === 'danger' && !props.plain,
|
|
223
181
|
},
|
|
224
182
|
// Contrast Button
|
|
225
183
|
{
|
|
@@ -247,19 +205,19 @@ exports.default = {
|
|
|
247
205
|
// --- Severity Button States ---
|
|
248
206
|
'focus:outline-none focus:outline-offset-0',
|
|
249
207
|
// Link
|
|
250
|
-
{ 'focus:ring-grayscale-900': props.link },
|
|
208
|
+
{ 'focus:ring-grayscale-900 dark:focus:ring-grayscale-100': props.link },
|
|
251
209
|
// Plain
|
|
252
210
|
{
|
|
253
|
-
'hover:bg-gray-600 hover:ring-gray-600': props.plain && !props.outlined && !props.text,
|
|
211
|
+
'hover:bg-gray-600 dark:hover:bg-gray-300 hover:ring-gray-600 dark:hover:ring-gray-300': props.plain && !props.outlined && !props.text,
|
|
254
212
|
},
|
|
255
213
|
// Text & Outlined Button
|
|
256
214
|
{
|
|
257
|
-
'hover:bg-primary-500/20': props.plain && (props.text || props.outlined),
|
|
215
|
+
'hover:bg-primary-500/20 dark:hover:bg-primary-300/20': props.plain && (props.text || props.outlined),
|
|
258
216
|
},
|
|
259
217
|
// Secondary
|
|
260
218
|
{
|
|
261
|
-
'hover:bg-grayscale-900/[8%] active:bg-grayscale-900/[12%] ': props.severity === 'secondary',
|
|
262
|
-
'hover:shadow-hover active:!shadow-none hover:!bg-grayscale-900/90 active:bg-grayscale-900/90 hover:ring-0': !props.link &&
|
|
219
|
+
'hover:bg-grayscale-900/[8%] active:bg-grayscale-900/[12%] dark:hover:bg-grayscale-50/[8%] dark:active:bg-grayscale-50/[12%]': props.severity === 'secondary',
|
|
220
|
+
'hover:shadow-hover active:!shadow-none hover:!bg-grayscale-900/90 active:bg-grayscale-900/90 dark:hover:!bg-grayscale-50/90 dark:active:!bg-grayscale-50/90 hover:ring-0': !props.link &&
|
|
263
221
|
props.severity === 'secondary' &&
|
|
264
222
|
!props.text &&
|
|
265
223
|
!props.outlined &&
|
|
@@ -267,8 +225,8 @@ exports.default = {
|
|
|
267
225
|
},
|
|
268
226
|
// Primary
|
|
269
227
|
{
|
|
270
|
-
'hover:bg-primary-500/[8%] active:bg-primary-500/[12%] ': props.severity == null || props.severity === 'primary',
|
|
271
|
-
'hover:shadow-hover active:!shadow-none hover:!bg-primary-500/90 active:bg-primary-500/90 hover:ring-0': !props.link &&
|
|
228
|
+
'hover:bg-primary-500/[8%] active:bg-primary-500/[12%] dark:hover:bg-primary-300/[8%] dark:active:bg-primary-300/[12%]': props.severity == null || props.severity === 'primary',
|
|
229
|
+
'hover:shadow-hover active:!shadow-none hover:!bg-primary-500/90 active:bg-primary-500/90 dark:bg-primary-300/90 dark:active:bg-primary-300/90 hover:ring-0': !props.link &&
|
|
272
230
|
(props.severity == null || props.severity === 'primary') &&
|
|
273
231
|
!props.text &&
|
|
274
232
|
!props.outlined &&
|
|
@@ -277,8 +235,8 @@ exports.default = {
|
|
|
277
235
|
},
|
|
278
236
|
// Success
|
|
279
237
|
{
|
|
280
|
-
'hover:bg-success-500/[8%] active:bg-success-500/[12%] ': props.severity === 'success',
|
|
281
|
-
'hover:shadow-hover active:!shadow-none hover:!bg-success-500/90 active:bg-success-500/90 hover:ring-0': !props.link &&
|
|
238
|
+
'hover:bg-success-500/[8%] active:bg-success-500/[12%] dark:hover:bg-success-300/[8%] dark:active:bg-success-300/[12%]': props.severity === 'success',
|
|
239
|
+
'hover:shadow-hover active:!shadow-none hover:!bg-success-500/90 active:bg-success-500/90 dark:bg-success-300/90 dark:active:bg-success-300/90 hover:ring-0': !props.link &&
|
|
282
240
|
props.severity === 'success' &&
|
|
283
241
|
!props.text &&
|
|
284
242
|
!props.outlined &&
|
|
@@ -302,8 +260,8 @@ exports.default = {
|
|
|
302
260
|
},
|
|
303
261
|
// Warning
|
|
304
262
|
{
|
|
305
|
-
'hover:bg-warning-500/[8%] active:bg-warning-500/[12%] ': props.severity === 'warning',
|
|
306
|
-
'hover:shadow-hover active:!shadow-none hover:!bg-warning-500/90 active:bg-warning-500/90 hover:ring-0': !props.link &&
|
|
263
|
+
'hover:bg-warning-500/[8%] active:bg-warning-500/[12%] dark:hover:bg-warning-300/[8%] dark:active:bg-warning-300/[12%]': props.severity === 'warning',
|
|
264
|
+
'hover:shadow-hover active:!shadow-none hover:!bg-warning-500/90 active:bg-warning-500/90 dark:hover:!bg-warning-300/90 dark:active:!bg-warning-300/90 hover:ring-0': !props.link &&
|
|
307
265
|
props.severity === 'warning' &&
|
|
308
266
|
!props.text &&
|
|
309
267
|
!props.outlined &&
|
|
@@ -311,7 +269,7 @@ exports.default = {
|
|
|
311
269
|
},
|
|
312
270
|
// Text & Outlined Button
|
|
313
271
|
{
|
|
314
|
-
'hover:bg-warning-300/20': (props.text || props.outlined) &&
|
|
272
|
+
'hover:bg-warning-300/20 dark:hover:bg-warning-900/40': (props.text || props.outlined) &&
|
|
315
273
|
props.severity === 'warning' &&
|
|
316
274
|
!props.plain,
|
|
317
275
|
},
|
|
@@ -333,8 +291,8 @@ exports.default = {
|
|
|
333
291
|
},
|
|
334
292
|
// Danger
|
|
335
293
|
{
|
|
336
|
-
'hover:bg-danger-500/[8%] active:bg-danger-500/[12%] ': props.severity === 'danger',
|
|
337
|
-
'hover:shadow-hover active:!shadow-none hover:!bg-danger-500/90 active:bg-danger-500/90 hover:ring-0': !props.link &&
|
|
294
|
+
'hover:bg-danger-500/[8%] active:bg-danger-500/[12%] dark:hover:bg-danger-300/[8%] dark:active:bg-danger-300/[12%]': props.severity === 'danger',
|
|
295
|
+
'hover:shadow-hover active:!shadow-none hover:!bg-danger-500/90 active:bg-danger-500/90 dark:bg-danger-300/90 dark:active:bg-danger-300/90 hover:ring-0': !props.link &&
|
|
338
296
|
props.severity === 'danger' &&
|
|
339
297
|
!props.text &&
|
|
340
298
|
!props.outlined &&
|
|
@@ -342,7 +300,7 @@ exports.default = {
|
|
|
342
300
|
},
|
|
343
301
|
// Text & Outlined Button
|
|
344
302
|
{
|
|
345
|
-
'hover:bg-danger-300/20': (props.text || props.outlined) &&
|
|
303
|
+
'hover:bg-danger-300/20 dark:hover:bg-danger-900/40': (props.text || props.outlined) &&
|
|
346
304
|
props.severity === 'danger' &&
|
|
347
305
|
!props.plain,
|
|
348
306
|
},
|
|
@@ -354,7 +312,7 @@ exports.default = {
|
|
|
354
312
|
!props.plain,
|
|
355
313
|
},
|
|
356
314
|
{
|
|
357
|
-
'focus:ring-primary-500': props.severity === 'contrast',
|
|
315
|
+
'focus:ring-primary-500 dark:focus:ring-primary-300': props.severity === 'contrast',
|
|
358
316
|
},
|
|
359
317
|
// Text & Outlined Button
|
|
360
318
|
{
|
|
@@ -365,9 +323,9 @@ exports.default = {
|
|
|
365
323
|
// Disabled
|
|
366
324
|
{
|
|
367
325
|
'pointer-events-none cursor-default': context.disabled,
|
|
368
|
-
'!text-general-300': context.disabled && (props.outlined || props.text),
|
|
369
|
-
'!ring-general-300': context.disabled && props.outlined,
|
|
370
|
-
'!bg-general-300 !text-white !ring-0': context.disabled && !props.outlined && !props.text,
|
|
326
|
+
'!text-general-300 dark:!text-grayscale-500': context.disabled && (props.outlined || props.text),
|
|
327
|
+
'!ring-general-300 dark:!ring-grayscale-700': context.disabled && props.outlined,
|
|
328
|
+
'!bg-general-300 !text-white !ring-0 dark:!bg-grayscale-700 dark:!text-grayscale-500': context.disabled && !props.outlined && !props.text,
|
|
371
329
|
},
|
|
372
330
|
// Transitions
|
|
373
331
|
'transition duration-200 ease-in-out',
|
|
@@ -432,3 +390,4 @@ exports.default = {
|
|
|
432
390
|
});
|
|
433
391
|
},
|
|
434
392
|
};
|
|
393
|
+
exports.default = definePreset;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
export default definePreset;
|
|
2
|
+
declare namespace definePreset {
|
|
2
3
|
let root: {
|
|
3
4
|
class: string;
|
|
4
5
|
'data-wv-name': string;
|
|
@@ -58,4 +59,3 @@ declare namespace _default {
|
|
|
58
59
|
'data-wv-section': string;
|
|
59
60
|
};
|
|
60
61
|
}
|
|
61
|
-
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
var definePreset = {
|
|
4
4
|
root: {
|
|
5
5
|
'class': 'flex gap-2 items-center shrink-0',
|
|
6
6
|
'data-wv-name': 'buttonbulkaction',
|
|
@@ -12,7 +12,7 @@ exports.default = {
|
|
|
12
12
|
'data-wv-section': 'menu',
|
|
13
13
|
},
|
|
14
14
|
selectionmessage: {
|
|
15
|
-
'class': 'text-xs text-grayscale-900 cursor-default whitespace-nowrap',
|
|
15
|
+
'class': 'text-xs text-grayscale-900 dark:text-white cursor-default whitespace-nowrap',
|
|
16
16
|
'data-wv-section': 'selectionmessage',
|
|
17
17
|
},
|
|
18
18
|
buttonselectall: function (_a) {
|
|
@@ -36,7 +36,7 @@ exports.default = {
|
|
|
36
36
|
'class': [
|
|
37
37
|
'flex items-center gap-1 transition-all shrink-0',
|
|
38
38
|
'py-[5px] px-3',
|
|
39
|
-
'ring-inset ring-1 ring-primary-500 rounded',
|
|
39
|
+
'ring-inset ring-1 ring-primary-500 dark:ring-primary-300 rounded',
|
|
40
40
|
{ 'opacity-60': props.disabled, 'pointer-events-none': props.disabled },
|
|
41
41
|
],
|
|
42
42
|
'data-wv-section': 'dropdownmenu',
|
|
@@ -46,13 +46,15 @@ exports.default = {
|
|
|
46
46
|
var props = _a.props, state = _a.state;
|
|
47
47
|
return ({
|
|
48
48
|
class: [
|
|
49
|
-
'w-full h-full transition-transform !text-primary-500 cursor-pointer',
|
|
49
|
+
'w-full h-full transition-transform !text-primary-500 dark:!text-primary-300 cursor-pointer',
|
|
50
50
|
'text-xs font-medium outline-none tracking-[0.02em] leading-4',
|
|
51
51
|
],
|
|
52
52
|
});
|
|
53
53
|
},
|
|
54
54
|
trigger: {
|
|
55
|
-
class: [
|
|
55
|
+
class: [
|
|
56
|
+
'text-primary-500 dark:text-primary-300 [&_i]:w-4 [&_i]:h-4 shrink-0',
|
|
57
|
+
],
|
|
56
58
|
},
|
|
57
59
|
item: function () { return ''; },
|
|
58
60
|
},
|
|
@@ -65,3 +67,4 @@ exports.default = {
|
|
|
65
67
|
'data-wv-section': 'buttonclearselection',
|
|
66
68
|
},
|
|
67
69
|
};
|
|
70
|
+
exports.default = definePreset;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
var definePreset = {
|
|
4
4
|
root: function (_a) {
|
|
5
5
|
var props = _a.props;
|
|
6
6
|
return ({
|
|
7
7
|
'class': [
|
|
8
|
-
'rounded ring-1 ring-success-500 p-[5px] ring-inset',
|
|
9
|
-
'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
|
|
8
|
+
'rounded ring-1 ring-success-500 dark:ring-success-300 p-[5px] ring-inset',
|
|
9
|
+
'focus-within:ring-2 focus-within:ring-primary-500 dark:focus-within:ring-primary-300 focus-within:outline-none',
|
|
10
10
|
'flex gap-1 items-center',
|
|
11
|
-
'text-success-500',
|
|
11
|
+
'text-success-500 dark:text-success-300',
|
|
12
12
|
{ 'px-3': props.label },
|
|
13
13
|
],
|
|
14
14
|
'data-wv-name': 'buttondownload',
|
|
@@ -21,3 +21,4 @@ exports.default = {
|
|
|
21
21
|
'severity': 'success',
|
|
22
22
|
},
|
|
23
23
|
};
|
|
24
|
+
exports.default = definePreset;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
export default definePreset;
|
|
2
|
+
declare namespace definePreset {
|
|
2
3
|
function root({ context }: {
|
|
3
4
|
context: any;
|
|
4
5
|
}): {
|
|
5
6
|
class: (string | {
|
|
6
|
-
'bg-general-500': any;
|
|
7
|
+
'bg-general-500 dark:bg-general-300': any;
|
|
7
8
|
})[];
|
|
8
9
|
'data-wv-name': string;
|
|
9
10
|
'data-wv-section': string;
|
|
@@ -11,11 +12,7 @@ declare namespace _default {
|
|
|
11
12
|
function icon({ context }: {
|
|
12
13
|
context: any;
|
|
13
14
|
}): {
|
|
14
|
-
class:
|
|
15
|
-
'text-general-400': boolean;
|
|
16
|
-
'text-white': any;
|
|
17
|
-
})[];
|
|
15
|
+
class: string[];
|
|
18
16
|
'data-wv-section': string;
|
|
19
17
|
};
|
|
20
18
|
}
|
|
21
|
-
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
var definePreset = {
|
|
4
4
|
root: function (_a) {
|
|
5
5
|
var context = _a.context;
|
|
6
6
|
return ({
|
|
7
7
|
'class': [
|
|
8
|
-
'rounded ring-1 ring-general-500 p-[5px] ring-inset',
|
|
8
|
+
'rounded ring-1 ring-general-500 dark:ring-general-100 p-[5px] ring-inset',
|
|
9
9
|
'focus-within:ring-2 focus-within:outline-none',
|
|
10
|
-
{ 'bg-general-500': context.active },
|
|
10
|
+
{ 'bg-general-500 dark:bg-general-300': context.active },
|
|
11
11
|
],
|
|
12
12
|
'data-wv-name': 'buttonfilter',
|
|
13
13
|
'data-wv-section': 'root',
|
|
@@ -16,11 +16,9 @@ exports.default = {
|
|
|
16
16
|
icon: function (_a) {
|
|
17
17
|
var context = _a.context;
|
|
18
18
|
return ({
|
|
19
|
-
'class': [
|
|
20
|
-
'text-base',
|
|
21
|
-
{ 'text-general-400': !context.active, 'text-white': context.active },
|
|
22
|
-
],
|
|
19
|
+
'class': ['text-base'],
|
|
23
20
|
'data-wv-section': 'icon',
|
|
24
21
|
});
|
|
25
22
|
},
|
|
26
23
|
};
|
|
24
|
+
exports.default = definePreset;
|