@fewangsit/wangsvue-presets 1.0.108-alpha.0 → 1.0.108

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 (107) hide show
  1. package/fixedasset/badge/index.d.ts +14 -14
  2. package/fixedasset/badge/index.js +15 -14
  3. package/fixedasset/badgegroup/index.js +4 -2
  4. package/fixedasset/breadcrumb/index.d.ts +4 -4
  5. package/fixedasset/breadcrumb/index.js +6 -5
  6. package/fixedasset/button/index.d.ts +2 -2
  7. package/fixedasset/button/index.js +39 -80
  8. package/fixedasset/buttonbulkaction/index.d.ts +2 -2
  9. package/fixedasset/buttonbulkaction/index.js +8 -5
  10. package/fixedasset/buttondownload/index.d.ts +2 -2
  11. package/fixedasset/buttondownload/index.js +5 -4
  12. package/fixedasset/buttonfilter/index.d.ts +4 -7
  13. package/fixedasset/buttonfilter/index.js +5 -7
  14. package/fixedasset/buttonradio/index.d.ts +20 -20
  15. package/fixedasset/buttonradio/index.js +11 -10
  16. package/fixedasset/buttonsearch/index.d.ts +2 -2
  17. package/fixedasset/buttonsearch/index.js +9 -8
  18. package/fixedasset/calendar/index.js +64 -66
  19. package/fixedasset/card/index.js +2 -2
  20. package/fixedasset/checkbox/index.d.ts +58 -58
  21. package/fixedasset/checkbox/index.js +19 -18
  22. package/fixedasset/codesnippet/index.js +3 -3
  23. package/fixedasset/customcolumn/index.d.ts +2 -2
  24. package/fixedasset/customcolumn/index.js +3 -2
  25. package/fixedasset/datatable/index.d.ts +50 -43
  26. package/fixedasset/datatable/index.js +30 -24
  27. package/fixedasset/dialog/index.d.ts +4 -4
  28. package/fixedasset/dialog/index.js +16 -16
  29. package/fixedasset/dialogconfirm/index.d.ts +2 -2
  30. package/fixedasset/dialogconfirm/index.js +3 -2
  31. package/fixedasset/dialogform/index.d.ts +2 -2
  32. package/fixedasset/dialogform/index.js +4 -3
  33. package/fixedasset/dropdown/index.d.ts +41 -41
  34. package/fixedasset/dropdown/index.js +20 -21
  35. package/fixedasset/fieldwrapper/index.d.ts +2 -2
  36. package/fixedasset/fieldwrapper/index.js +8 -7
  37. package/fixedasset/fileupload/index.d.ts +2 -2
  38. package/fixedasset/fileupload/index.js +2 -1
  39. package/fixedasset/filtercontainer/index.d.ts +2 -2
  40. package/fixedasset/filtercontainer/index.js +3 -2
  41. package/fixedasset/form/index.d.ts +2 -2
  42. package/fixedasset/form/index.js +3 -2
  43. package/fixedasset/global.js +1 -1
  44. package/fixedasset/image/index.d.ts +2 -2
  45. package/fixedasset/image/index.js +21 -20
  46. package/fixedasset/index.es.js +795 -803
  47. package/fixedasset/index.system.js +2 -2
  48. package/fixedasset/inlinemessage/index.d.ts +4 -4
  49. package/fixedasset/inlinemessage/index.js +6 -4
  50. package/fixedasset/inputbadge/index.d.ts +10 -10
  51. package/fixedasset/inputbadge/index.js +6 -6
  52. package/fixedasset/inputcurrency/index.d.ts +6 -6
  53. package/fixedasset/inputcurrency/index.js +2 -1
  54. package/fixedasset/inputgroup/index.d.ts +2 -2
  55. package/fixedasset/inputgroup/index.js +8 -7
  56. package/fixedasset/inputgroupaddon/index.d.ts +6 -6
  57. package/fixedasset/inputgroupaddon/index.js +5 -4
  58. package/fixedasset/inputnumber/index.d.ts +2 -2
  59. package/fixedasset/inputnumber/index.js +8 -5
  60. package/fixedasset/inputotp/index.js +6 -7
  61. package/fixedasset/inputphonenumber/index.d.ts +8 -8
  62. package/fixedasset/inputphonenumber/index.js +7 -6
  63. package/fixedasset/inputtext/index.d.ts +4 -4
  64. package/fixedasset/inputtext/index.js +6 -5
  65. package/fixedasset/loading/index.d.ts +2 -2
  66. package/fixedasset/loading/index.js +5 -4
  67. package/fixedasset/menu/index.d.ts +3 -3
  68. package/fixedasset/menu/index.js +9 -5
  69. package/fixedasset/multiselect/index.d.ts +107 -107
  70. package/fixedasset/multiselect/index.js +25 -27
  71. package/fixedasset/overlaypanel/index.d.ts +2 -2
  72. package/fixedasset/overlaypanel/index.js +4 -3
  73. package/fixedasset/paginator/index.d.ts +19 -19
  74. package/fixedasset/paginator/index.js +24 -23
  75. package/fixedasset/password/index.d.ts +5 -5
  76. package/fixedasset/password/index.js +13 -13
  77. package/fixedasset/style.css +1325 -67
  78. package/fixedasset/tabmenu/index.js +13 -13
  79. package/fixedasset/textarea/index.d.ts +2 -2
  80. package/fixedasset/textarea/index.js +6 -5
  81. package/fixedasset/timeline/index.d.ts +2 -2
  82. package/fixedasset/timeline/index.js +12 -8
  83. package/fixedasset/toast/index.d.ts +8 -8
  84. package/fixedasset/toast/index.js +8 -7
  85. package/fixedasset/toggleswitch/index.d.ts +42 -42
  86. package/fixedasset/toggleswitch/index.js +12 -11
  87. package/fixedasset/tooltip/index.d.ts +2 -2
  88. package/fixedasset/tooltip/index.js +4 -3
  89. package/fixedasset/tree/index.d.ts +26 -29
  90. package/fixedasset/tree/index.js +17 -24
  91. package/fixedasset/username/index.js +7 -5
  92. package/fixedasset/validatormessage/index.d.ts +2 -2
  93. package/fixedasset/validatormessage/index.js +5 -2
  94. package/globalsettings/datatable/index.d.ts +9 -9
  95. package/globalsettings/datatable/index.js +3 -2
  96. package/globalsettings/index.es.js +1 -1
  97. package/globalsettings/index.system.js +1 -1
  98. package/globalsettings/style.css +1348 -42
  99. package/package.json +1 -1
  100. package/supplyasset/datatable/index.d.ts +9 -9
  101. package/supplyasset/datatable/index.js +3 -2
  102. package/supplyasset/index.es.js +5 -5
  103. package/supplyasset/index.system.js +1 -1
  104. package/supplyasset/style.css +1353 -47
  105. package/wangsvue/datatable/index.d.ts +2 -2
  106. package/wangsvue/datatable/index.js +2 -1
  107. package/wangsvue/style.css +1326 -68
@@ -1,14 +1,15 @@
1
- declare namespace _default {
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-general-400 bg-general-100': any;
7
- 'text-success-500 bg-success-100': boolean;
8
- 'text-primary-500 bg-primary-50': boolean;
9
- 'text-grayscale-800 bg-grayscale-200': boolean;
10
- 'text-warning-600 bg-warning-100': boolean;
11
- 'text-danger-600 bg-danger-100': boolean;
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-300': boolean;
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
- exports.default = {
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-general-400 bg-general-100': props.disabled,
17
- 'text-success-500 bg-success-100': !props.disabled && props.severity == 'success',
18
- 'text-primary-500 bg-primary-50': !props.disabled &&
19
- (props.severity == null || props.severity == 'primary'),
20
- 'text-grayscale-800 bg-grayscale-200': !props.disabled && props.severity == 'dark',
21
- 'text-warning-600 bg-warning-100': !props.disabled && props.severity == 'warning',
22
- 'text-danger-600 bg-danger-100': !props.disabled && props.severity == 'danger',
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-300': !props.disabled && props.badgeSeverity === 'dark',
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;
@@ -8,7 +8,7 @@ exports.default = {
8
8
  'data-wv-section': 'root',
9
9
  },
10
10
  showmorebutton: {
11
- 'class': '!p-1 !h-auto text-primary-500 !font-medium text-xs leading-4 tracking-[0.02em]',
11
+ 'class': '!p-1 !h-auto text-primary-500 dark:text-primary-300 !font-medium text-xs leading-4 tracking-[0.02em]',
12
12
  'data-wv-section': 'showmorebutton',
13
13
  },
14
14
  showmoredialog: {
@@ -17,7 +17,9 @@ exports.default = {
17
17
  'data-wv-section': 'showmoredialog',
18
18
  },
19
19
  title: {
20
- 'class': ['text-general-900 text-sm font-semibold leading-5'],
20
+ 'class': [
21
+ 'text-general-900 dark:text-general-100 text-sm font-semibold leading-5',
22
+ ],
21
23
  'data-wv-section': 'showmoredialogtitle',
22
24
  },
23
25
  content: {
@@ -1,4 +1,5 @@
1
- declare namespace _default {
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
- exports.default = {
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 text-primary',
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,4 +1,5 @@
1
- declare namespace _default {
1
+ export default definePreset;
2
+ declare namespace definePreset {
2
3
  function root({ props, context }: {
3
4
  props: any;
4
5
  context: any;
@@ -60,4 +61,3 @@ declare namespace _default {
60
61
  }[];
61
62
  };
62
63
  }
63
- export default _default;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
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
- declare namespace _default {
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
- exports.default = {
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: ['text-primary-500 [&_i]:w-4 [&_i]:h-4 shrink-0'],
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,4 +1,5 @@
1
- declare namespace _default {
1
+ export default definePreset;
2
+ declare namespace definePreset {
2
3
  function root({ props }: {
3
4
  props: any;
4
5
  }): {
@@ -14,4 +15,3 @@ declare namespace _default {
14
15
  severity: string;
15
16
  };
16
17
  }
17
- export default _default;
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
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
- declare namespace _default {
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: (string | {
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
- exports.default = {
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;