@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,4 +1,5 @@
1
- declare namespace _default {
1
+ export default definePreset;
2
+ declare namespace definePreset {
2
3
  function root({ state }: {
3
4
  state: any;
4
5
  }): {
@@ -67,10 +68,10 @@ declare namespace _default {
67
68
  }): {
68
69
  class: (string | {
69
70
  'p-5': boolean;
70
- 'has-[.mask-active]:bg-transparent bg-dialog-mask'?: undefined;
71
+ 'has-[.mask-active]:bg-transparent bg-dialog-mask dark:bg-grayscale-950/80'?: undefined;
71
72
  'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm'?: undefined;
72
73
  } | {
73
- 'has-[.mask-active]:bg-transparent bg-dialog-mask': any;
74
+ 'has-[.mask-active]:bg-transparent bg-dialog-mask dark:bg-grayscale-950/80': any;
74
75
  'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm': any;
75
76
  'p-5'?: undefined;
76
77
  })[];
@@ -84,4 +85,3 @@ declare namespace _default {
84
85
  leaveToClass: string;
85
86
  };
86
87
  }
87
- 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 state = _a.state;
6
6
  return ({
@@ -17,7 +17,7 @@ exports.default = {
17
17
  'p-6',
18
18
  'gap-3',
19
19
  // Background
20
- 'bg-white',
20
+ 'bg-white dark:bg-grayscale-900',
21
21
  // Size
22
22
  'max-h-[90vh]',
23
23
  { 'sm:max-w-[90vw]': !state.maximized },
@@ -47,12 +47,12 @@ exports.default = {
47
47
  'rounded-tl-lg',
48
48
  'rounded-tr-lg',
49
49
  // Colors
50
- 'text-general-800',
50
+ 'text-general-800 dark:text-general-50',
51
51
  ],
52
52
  },
53
53
  title: {
54
54
  class: [
55
- 'text-general-800 text-sm font-bold leading-[19.12px] tracking-[0.24px]',
55
+ 'text-general-800 dark:text-general-50 text-sm font-bold leading-[19.12px] tracking-[0.24px]',
56
56
  ],
57
57
  },
58
58
  icons: {
@@ -69,12 +69,12 @@ exports.default = {
69
69
  'border-0',
70
70
  'rounded-full',
71
71
  // Colors
72
- 'text-general-200',
72
+ 'text-general-200 dark:text-general-400',
73
73
  'bg-transparent',
74
74
  // Transitions
75
75
  'transition duration-200 ease-in-out',
76
76
  // States
77
- 'hover:bg-general-50 hover:text-general-300',
77
+ 'hover:bg-general-50 hover:text-general-300 dark:hover:bg-grayscale-700 dark:hover:text-general-200',
78
78
  // Misc
79
79
  'overflow-hidden',
80
80
  ],
@@ -92,15 +92,14 @@ exports.default = {
92
92
  'border-0',
93
93
  'rounded-full',
94
94
  // Colors
95
- 'text-surface-500',
95
+ 'text-surface-500 dark:text-general-300',
96
96
  'bg-transparent',
97
97
  // Transitions
98
98
  'transition duration-200 ease-in-out',
99
99
  // States
100
- 'hover:text-surface-700',
101
- 'hover:bg-surface-100',
100
+ 'hover:bg-general-50 hover:text-general-300 dark:hover:bg-grayscale-700 dark:hover:text-general-200',
102
101
  'focus:outline-none focus:outline-offset-0 focus:ring-1 focus:ring-inset',
103
- 'focus:ring-primary-500',
102
+ 'focus:ring-primary-500 dark:focus:ring-primary-800',
104
103
  // Misc
105
104
  'overflow-hidden',
106
105
  ],
@@ -110,7 +109,7 @@ exports.default = {
110
109
  // Display
111
110
  'inline-block',
112
111
  // Color
113
- 'text-general-200',
112
+ 'text-general-200 dark:text-general-200',
114
113
  // Size
115
114
  'w-3.5',
116
115
  'h-3.5',
@@ -130,13 +129,13 @@ exports.default = {
130
129
  return ({
131
130
  class: [
132
131
  // Font
133
- '!text-general-800 text-xs font-medium tracking-[0.02em]',
132
+ '!text-general-800 dark:!text-general-100 text-xs font-medium tracking-[0.02em]',
134
133
  'pr-1.5 -mr-1.5 pl-1.5 -ml-1.5 pt-1.5 -mt-1.5 !pb-1.5 -mb-1.5',
135
134
  // Layout
136
135
  'flex flex-col gap-3',
137
136
  // Shape
138
137
  // Colors
139
- 'text-surface-600',
138
+ 'text-surface-600 dark:text-surface-200',
140
139
  // Misc
141
140
  'overflow-y-auto scrollbar-w-none',
142
141
  {
@@ -159,7 +158,7 @@ exports.default = {
159
158
  'empty:hidden',
160
159
  // Colors
161
160
  'bg-inherit',
162
- 'text-surface-700/80',
161
+ 'text-surface-700/80 dark:text-surface-200/80',
163
162
  ],
164
163
  },
165
164
  mask: function (_a) {
@@ -172,7 +171,7 @@ exports.default = {
172
171
  { 'p-5': !props.position == 'full' },
173
172
  // Background and Effects
174
173
  {
175
- 'has-[.mask-active]:bg-transparent bg-dialog-mask': props.modal,
174
+ 'has-[.mask-active]:bg-transparent bg-dialog-mask dark:bg-grayscale-950/80': props.modal,
176
175
  'has-[.mask-active]:backdrop-blur-none backdrop-blur-sm': props.modal,
177
176
  },
178
177
  ],
@@ -210,7 +209,7 @@ exports.default = {
210
209
  enterFromClass: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0 mask-active',
211
210
  enterActiveClass: 'transition-all duration-200 ease-out',
212
211
  leaveActiveClass: 'transition-all duration-200 ease-out',
213
- leaveToClass: 'opacity-0 scale-75 opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0 mask-active',
212
+ leaveToClass: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0 mask-active',
214
213
  }
215
214
  : {
216
215
  enterFromClass: 'opacity-0 scale-75 mask-active',
@@ -220,3 +219,4 @@ exports.default = {
220
219
  };
221
220
  },
222
221
  };
222
+ 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': (attrsDataName: any) => any;
@@ -39,4 +40,3 @@ declare namespace _default {
39
40
  'data-wv-section': string;
40
41
  };
41
42
  }
42
- 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': ['!w-[clamp(360px,75vw,400px)]'],
6
6
  'data-wv-name': function (attrsDataName) { return attrsDataName !== null && attrsDataName !== void 0 ? attrsDataName : 'root'; },
@@ -23,7 +23,7 @@ exports.default = {
23
23
  headertitle: function (severity) { return ({
24
24
  'class': [
25
25
  '!text-[14px] leading-6 !font-bold tracking-[0.02em]',
26
- 'text-general-800',
26
+ 'text-general-800 dark:text-general-50',
27
27
  ],
28
28
  'data-wv-section': 'dialog-confirm-title',
29
29
  }); },
@@ -48,3 +48,4 @@ exports.default = {
48
48
  'data-wv-section': 'dialog-confirm-footer',
49
49
  },
50
50
  };
51
+ 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
  style: (computedWidth: any) => string;
@@ -68,4 +69,3 @@ declare namespace _default {
68
69
  'data-wv-section': string;
69
70
  };
70
71
  }
71
- 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': ['max-w-[90vw]'],
6
6
  'style': function (computedWidth) { return "width: ".concat(computedWidth); },
@@ -12,7 +12,7 @@ exports.default = {
12
12
  },
13
13
  headericon: { 'class': 'text-2xl', 'data-wv-section': 'headericon' },
14
14
  headertitle: {
15
- 'class': 'mr-auto text-general-800 text-center !text-[0.9rem] leading-[1.125rem] !font-bold tracking-[0.28px]',
15
+ 'class': 'mr-auto text-general-800 dark:text-general-50 text-center !text-[0.9rem] leading-[1.125rem] !font-bold tracking-[0.28px]',
16
16
  'data-wv-section': 'dialog-form-title',
17
17
  },
18
18
  expandasidebutton: {
@@ -20,7 +20,7 @@ exports.default = {
20
20
  'data-wv-section': 'expand-aside-button',
21
21
  },
22
22
  closedialog: {
23
- 'class': '!p-0.5 !text-general-200',
23
+ 'class': '!p-0.5 !text-general-200 dark:!text-general-500',
24
24
  'data-wv-section': 'closebutton',
25
25
  },
26
26
  container: function (expanded) { return ({
@@ -66,3 +66,4 @@ exports.default = {
66
66
  'data-wv-section': 'save-submit-button',
67
67
  },
68
68
  };
69
+ exports.default = definePreset;
@@ -1,4 +1,5 @@
1
- declare namespace _default {
1
+ export default definePreset;
2
+ declare namespace definePreset {
2
3
  function root({ props, state }: {
3
4
  props: any;
4
5
  state: any;
@@ -12,13 +13,13 @@ declare namespace _default {
12
13
  props: any;
13
14
  }): {
14
15
  class: (string | {
15
- '!text-general-200 font-light': boolean;
16
- 'text-general-800 font-medium': boolean;
16
+ '!text-general-200 dark:text-general-600 font-light': boolean;
17
+ 'text-general-800 font-medium dark:text-general-50': boolean;
17
18
  'pr-7'?: undefined;
18
19
  } | {
19
20
  'pr-7': any;
20
- '!text-general-200 font-light'?: undefined;
21
- 'text-general-800 font-medium'?: undefined;
21
+ '!text-general-200 dark:text-general-600 font-light'?: undefined;
22
+ 'text-general-800 font-medium dark:text-general-50'?: undefined;
22
23
  })[];
23
24
  };
24
25
  namespace trigger {
@@ -60,60 +61,60 @@ declare namespace _default {
60
61
  context: any;
61
62
  }): {
62
63
  class: (string | {
63
- 'text-general-800': boolean;
64
- 'text-general-400'?: undefined;
65
- 'bg-primary-50'?: undefined;
66
- 'text-primary-500'?: undefined;
67
- 'text-general-900'?: undefined;
64
+ 'text-general-800 dark:text-general-50': boolean;
65
+ 'text-general-400 dark:text-general-100'?: undefined;
66
+ 'bg-primary-50 dark:bg-grayscale-800'?: undefined;
67
+ 'text-primary-500 dark:text-primary-300'?: undefined;
68
+ 'text-general-900 dark:text-general-100'?: undefined;
68
69
  'pointer-events-none cursor-default'?: undefined;
69
70
  'cursor-pointer'?: undefined;
70
71
  } | {
71
- 'text-general-400': any;
72
- 'text-general-800'?: undefined;
73
- 'bg-primary-50'?: undefined;
74
- 'text-primary-500'?: undefined;
75
- 'text-general-900'?: undefined;
72
+ 'text-general-400 dark:text-general-100': any;
73
+ 'text-general-800 dark:text-general-50'?: undefined;
74
+ 'bg-primary-50 dark:bg-grayscale-800'?: undefined;
75
+ 'text-primary-500 dark:text-primary-300'?: undefined;
76
+ 'text-general-900 dark:text-general-100'?: undefined;
76
77
  'pointer-events-none cursor-default'?: undefined;
77
78
  'cursor-pointer'?: undefined;
78
79
  } | {
79
- 'bg-primary-50': any;
80
- 'text-general-800'?: undefined;
81
- 'text-general-400'?: undefined;
82
- 'text-primary-500'?: undefined;
83
- 'text-general-900'?: undefined;
80
+ 'bg-primary-50 dark:bg-grayscale-800': any;
81
+ 'text-general-800 dark:text-general-50'?: undefined;
82
+ 'text-general-400 dark:text-general-100'?: undefined;
83
+ 'text-primary-500 dark:text-primary-300'?: undefined;
84
+ 'text-general-900 dark:text-general-100'?: undefined;
84
85
  'pointer-events-none cursor-default'?: undefined;
85
86
  'cursor-pointer'?: undefined;
86
87
  } | {
87
- 'text-primary-500': any;
88
- 'text-general-800'?: undefined;
89
- 'text-general-400'?: undefined;
90
- 'bg-primary-50'?: undefined;
91
- 'text-general-900'?: undefined;
88
+ 'text-primary-500 dark:text-primary-300': any;
89
+ 'text-general-800 dark:text-general-50'?: undefined;
90
+ 'text-general-400 dark:text-general-100'?: undefined;
91
+ 'bg-primary-50 dark:bg-grayscale-800'?: undefined;
92
+ 'text-general-900 dark:text-general-100'?: undefined;
92
93
  'pointer-events-none cursor-default'?: undefined;
93
94
  'cursor-pointer'?: undefined;
94
95
  } | {
95
- 'text-general-900': any;
96
- 'text-general-800'?: undefined;
97
- 'text-general-400'?: undefined;
98
- 'bg-primary-50'?: undefined;
99
- 'text-primary-500'?: undefined;
96
+ 'text-general-900 dark:text-general-100': any;
97
+ 'text-general-800 dark:text-general-50'?: undefined;
98
+ 'text-general-400 dark:text-general-100'?: undefined;
99
+ 'bg-primary-50 dark:bg-grayscale-800'?: undefined;
100
+ 'text-primary-500 dark:text-primary-300'?: undefined;
100
101
  'pointer-events-none cursor-default'?: undefined;
101
102
  'cursor-pointer'?: undefined;
102
103
  } | {
103
104
  'pointer-events-none cursor-default': any;
104
- 'text-general-800'?: undefined;
105
- 'text-general-400'?: undefined;
106
- 'bg-primary-50'?: undefined;
107
- 'text-primary-500'?: undefined;
108
- 'text-general-900'?: undefined;
105
+ 'text-general-800 dark:text-general-50'?: undefined;
106
+ 'text-general-400 dark:text-general-100'?: undefined;
107
+ 'bg-primary-50 dark:bg-grayscale-800'?: undefined;
108
+ 'text-primary-500 dark:text-primary-300'?: undefined;
109
+ 'text-general-900 dark:text-general-100'?: undefined;
109
110
  'cursor-pointer'?: undefined;
110
111
  } | {
111
112
  'cursor-pointer': boolean;
112
- 'text-general-800'?: undefined;
113
- 'text-general-400'?: undefined;
114
- 'bg-primary-50'?: undefined;
115
- 'text-primary-500'?: undefined;
116
- 'text-general-900'?: undefined;
113
+ 'text-general-800 dark:text-general-50'?: undefined;
114
+ 'text-general-400 dark:text-general-100'?: undefined;
115
+ 'bg-primary-50 dark:bg-grayscale-800'?: undefined;
116
+ 'text-primary-500 dark:text-primary-300'?: undefined;
117
+ 'text-general-900 dark:text-general-100'?: undefined;
117
118
  'pointer-events-none cursor-default'?: undefined;
118
119
  })[];
119
120
  };
@@ -165,4 +166,3 @@ declare namespace _default {
165
166
  export { _class_4 as class };
166
167
  }
167
168
  }
168
- export default _default;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var index_js_1 = require("../multiselect/index.js");
4
- exports.default = {
4
+ var definePreset = {
5
5
  root: function (_a) {
6
6
  var props = _a.props, state = _a.state;
7
7
  return ({
@@ -26,14 +26,14 @@ exports.default = {
26
26
  //Font
27
27
  'text-xs tracking-[0.02em]',
28
28
  {
29
- '!text-general-200 font-light': props.modelValue == null,
30
- 'text-general-800 font-medium': props.modelValue != null,
29
+ '!text-general-200 dark:text-general-600 font-light': props.modelValue == null,
30
+ 'text-general-800 font-medium dark:text-general-50': props.modelValue != null,
31
31
  },
32
32
  // Display
33
33
  'flex items-center',
34
34
  // Color and Background
35
- 'bg-transparent',
36
- 'placeholder:text-general-200',
35
+ 'bg-transparent dark:bg-transparent',
36
+ 'placeholder:text-general-200 dark:placeholder:text-general-600',
37
37
  // Sizing and Spacing
38
38
  'h-[26px] w-full',
39
39
  'px-3 pr-0',
@@ -64,8 +64,8 @@ exports.default = {
64
64
  'flex items-center justify-center',
65
65
  'shrink-0',
66
66
  // Color and Background
67
- 'bg-transparent',
68
- 'text-general-200',
67
+ 'bg-transparent dark:bg-transparent',
68
+ 'text-general-200 dark:text-grayscale-900',
69
69
  // Size
70
70
  'w-6 h-6',
71
71
  // Shape
@@ -89,7 +89,7 @@ exports.default = {
89
89
  'shadow-panel',
90
90
  'overflow-clip',
91
91
  // Color
92
- 'bg-grayscale-100',
92
+ 'bg-grayscale-100 dark:bg-general-600',
93
93
  ],
94
94
  });
95
95
  },
@@ -100,7 +100,8 @@ exports.default = {
100
100
  // Sizing
101
101
  'max-h-[15rem]',
102
102
  // Color
103
- 'bg-white',
103
+ 'bg-white dark:bg-grayscale-900',
104
+ 'text-general-800 dark:text-general-100',
104
105
  // Misc
105
106
  'overflow-auto',
106
107
  {
@@ -139,20 +140,20 @@ exports.default = {
139
140
  'py-1.5 px-4',
140
141
  // Color
141
142
  {
142
- 'text-general-800': !context.focused && !context.selected && !context.disabled,
143
+ 'text-general-800 dark:text-general-50': !context.focused && !context.selected && !context.disabled,
143
144
  },
144
145
  {
145
- 'text-general-400': !context.focused && !context.selected && context.disabled,
146
+ 'text-general-400 dark:text-general-100': !context.focused && !context.selected && context.disabled,
146
147
  },
147
- { 'bg-primary-50': context.focused },
148
+ { 'bg-primary-50 dark:bg-grayscale-800': context.focused },
148
149
  {
149
- 'text-primary-500': context.focused || context.selected,
150
+ 'text-primary-500 dark:text-primary-300': context.focused || context.selected,
150
151
  },
151
152
  {
152
- 'text-general-900': !context.focused && context.selected,
153
+ 'text-general-900 dark:text-general-100': !context.focused && context.selected,
153
154
  },
154
155
  //States
155
- 'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-primary-500',
156
+ 'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-300',
156
157
  // Misc
157
158
  { 'pointer-events-none cursor-default': context.disabled },
158
159
  { 'cursor-pointer': !context.disabled },
@@ -170,8 +171,6 @@ exports.default = {
170
171
  'm-0',
171
172
  'py-2 px-4',
172
173
  // Color
173
- 'text-surface-800',
174
- 'bg-surface-0',
175
174
  // Misc
176
175
  'cursor-auto',
177
176
  ],
@@ -183,8 +182,7 @@ exports.default = {
183
182
  // Spacing
184
183
  'py-2 px-4',
185
184
  // Color
186
- 'text-surface-800',
187
- 'bg-transparent',
185
+ 'bg-transparent dark:bg-transparent',
188
186
  ],
189
187
  },
190
188
  header: index_js_1.default === null || index_js_1.default === void 0 ? void 0 : index_js_1.default.header,
@@ -199,7 +197,7 @@ exports.default = {
199
197
  clearicon: {
200
198
  class: [
201
199
  // Color
202
- 'text-general-200',
200
+ 'text-general-200 dark:text-grayscale-800',
203
201
  // Position
204
202
  'absolute',
205
203
  'top-1/2',
@@ -215,6 +213,7 @@ exports.default = {
215
213
  leaveToClass: 'opacity-0',
216
214
  },
217
215
  loadingplaceholder: {
218
- class: 'text-general-200 font-light',
216
+ class: 'text-general-200 dark:text-grayscale-500 font-light',
219
217
  },
220
218
  };
219
+ 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;
@@ -26,4 +27,3 @@ declare namespace _default {
26
27
  export { _class_2 as class };
27
28
  }
28
29
  }
29
- 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': [
6
6
  'flex flex-col items-start justify-start relative gap-1 w-full shrink-0 overflow-hidden',
@@ -13,23 +13,24 @@ exports.default = {
13
13
  return ({
14
14
  'class': [
15
15
  [
16
- 'text-general-900 text-xs flex gap-[2px] font-medium tracking-[0.02em]',
16
+ 'text-general-900 dark:text-general-100 text-xs flex gap-[2px] font-medium tracking-[0.02em]',
17
17
  props.labelClass,
18
18
  ],
19
19
  {
20
- 'w-full': slots['label-addon']
21
- }
20
+ 'w-full': slots['label-addon'],
21
+ },
22
22
  ],
23
23
  'data-wv-section': 'fieldlabel',
24
24
  });
25
25
  },
26
26
  info: {
27
- class: 'w-2.5 h-2.5 text-primary-500',
27
+ class: 'w-2.5 h-2.5 text-primary-500 dark:text-primary-300',
28
28
  },
29
29
  optionaltext: {
30
- class: 'text-grayscale-700 text-[10px] font-normal leading-4',
30
+ class: 'text-grayscale-700 dark:text-general-200 text-[10px] font-normal leading-4',
31
31
  },
32
32
  arterisksign: {
33
- class: 'text-danger-500',
33
+ class: 'text-danger-500 dark:text-danger-500',
34
34
  },
35
35
  };
36
+ 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
  'data-wv-name': string;
4
5
  'data-wv-section': string;
@@ -26,4 +27,3 @@ declare namespace _default {
26
27
  export { _class as class };
27
28
  }
28
29
  }
29
- 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
  'data-wv-name': 'fileupload',
6
6
  'data-wv-section': 'root',
@@ -29,3 +29,4 @@ exports.default = {
29
29
  class: 'flex justify-start',
30
30
  },
31
31
  };
32
+ exports.default = definePreset;
@@ -1,7 +1,7 @@
1
- declare namespace _default {
1
+ export default definePreset;
2
+ declare namespace definePreset {
2
3
  namespace root {
3
4
  let _class: string[];
4
5
  export { _class as class };
5
6
  }
6
7
  }
7
- export default _default;
@@ -1,10 +1,11 @@
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
- 'bg-general-50 rounded-lg [&>*]:w-full [&>*]min-w-0',
6
+ 'bg-general-50 dark:bg-grayscale-800 rounded-lg [&>*]:w-full [&>*]min-w-0',
7
7
  'grid items-end p-3 gap-x-3 gap-y-4',
8
8
  ],
9
9
  },
10
10
  };
11
+ exports.default = definePreset;
@@ -1,4 +1,5 @@
1
- declare const _default: {
1
+ export default definePreset;
2
+ declare const definePreset: {
2
3
  root: () => {
3
4
  class: string[];
4
5
  'data-wv-section': string;
@@ -40,4 +41,3 @@ declare const _default: {
40
41
  class: string[];
41
42
  };
42
43
  };
43
- 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
  // :class="['ts-form', { 'sticky-buttons': props.stickyButtons }]"
5
5
  'root': function () { return ({
6
6
  'class': [
7
- 'flex flex-col gap-3 text-general-800 text-[0.75rem] font-medium leading-[16.8px] tracking-[0.02em]',
7
+ 'flex flex-col gap-3 text-general-800 text-[0.75rem] font-medium leading-[16.8px] tracking-[0.02em] dark:text-general-100',
8
8
  ],
9
9
  'data-wv-section': 'root',
10
10
  }); },
@@ -45,3 +45,4 @@ exports.default = {
45
45
  class: ['static w-max transform-none'],
46
46
  },
47
47
  };
48
+ exports.default = definePreset;
@@ -7,7 +7,7 @@ exports.ringClass = [
7
7
  'ring-[0.5px] p-[0.5px]': !navigator.userAgent.includes('Firefox'),
8
8
  },
9
9
  'ring-inset',
10
- 'ring-general-200',
10
+ 'ring-general-200 dark:ring-grayscale-600',
11
11
  ];
12
12
  exports.default = {
13
13
  css: "\n *[data-pd-ripple=\"true\"]{\n overflow: hidden;\n position: relative;\n }\n span[data-p-ink-active=\"true\"]{\n animation: ripple 0.4s linear;\n }\n @keyframes ripple {\n 100% {\n opacity: 0;\n transform: scale(2.5);\n }\n }\n\n .progress-spinner-circle {\n stroke-dasharray: 89, 400;\n stroke-dashoffset: 0;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n }\n\n @keyframes p-progress-spinner-dash{\n 0% {\n stroke-dasharray: 1, 400;\n stroke-dashoffset: 0;\n }\n\n 50% {\n stroke-dasharray: 89, 400;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 400;\n stroke-dashoffset: -124px;\n }\n }\n @keyframes p-progress-spinner-color {\n 100%, 0% {\n stroke: #ff5757;\n }\n 40% {\n stroke: #696cff;\n }\n 66% {\n stroke: #1ea97c;\n }\n 80%, 90% {\n stroke: #cc8925;\n }\n }\n\n .progressbar-value-animate::after {\n will-change: left, right;\n animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n }\n .progressbar-value-animate::before {\n will-change: left, right;\n animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n }\n\n @keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n }\n",
@@ -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
  }): {
@@ -85,4 +86,3 @@ declare namespace _default {
85
86
  let leaveToClass: string;
86
87
  }
87
88
  }
88
- export default _default;