@fewangsit/wangsvue-presets 1.0.84 → 1.0.85-alpha.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -6,16 +6,16 @@ exports.default = {
6
6
  var props = _a.props, context = _a.context, parent = _a.parent;
7
7
  return ({
8
8
  class: [
9
- 'px-3 py-1 w-full bg-transparent',
9
+ 'px-3 py-[5px] w-full bg-transparent',
10
10
  // Size
11
- 'h-full',
11
+ 'h-max',
12
12
  {
13
13
  'max-h-[43px]': (_c = (_b = parent.instance) === null || _b === void 0 ? void 0 : _b.placeholder) === null || _c === void 0 ? void 0 : _c.includes('password'),
14
14
  },
15
15
  // Font
16
- 'text-grayscale-900 text-xs font-normal',
16
+ 'text-general-800 text-xs tracking-[0.02em] font-medium',
17
17
  'placeholder:text-general-200',
18
- 'placeholder:!font-normal',
18
+ 'placeholder:!font-light',
19
19
  'appearance-none',
20
20
  // Interactions
21
21
  {
@@ -1417,6 +1417,10 @@
1417
1417
  height: 0.5rem;
1418
1418
  }
1419
1419
 
1420
+ .h-2\.5{
1421
+ height: 0.625rem;
1422
+ }
1423
+
1420
1424
  .h-3{
1421
1425
  height: 0.75rem;
1422
1426
  }
@@ -1651,6 +1655,10 @@
1651
1655
  width: 0.5rem;
1652
1656
  }
1653
1657
 
1658
+ .w-2\.5{
1659
+ width: 0.625rem;
1660
+ }
1661
+
1654
1662
  .w-20{
1655
1663
  width: 5rem;
1656
1664
  }
@@ -2278,6 +2286,10 @@
2278
2286
  gap: 1.5rem;
2279
2287
  }
2280
2288
 
2289
+ .gap-\[2px\]{
2290
+ gap: 2px;
2291
+ }
2292
+
2281
2293
  .gap-\[5px\]{
2282
2294
  gap: 5px;
2283
2295
  }
@@ -3509,6 +3521,10 @@
3509
3521
  font-size: 0.9rem;
3510
3522
  }
3511
3523
 
3524
+ .text-\[10px\]{
3525
+ font-size: 10px;
3526
+ }
3527
+
3512
3528
  .text-\[12px\]{
3513
3529
  font-size: 12px;
3514
3530
  }
@@ -3799,6 +3815,11 @@
3799
3815
  color: rgb(151 153 155 / var(--tw-text-opacity));
3800
3816
  }
3801
3817
 
3818
+ .text-grayscale-700{
3819
+ --tw-text-opacity: 1;
3820
+ color: rgb(113 115 116 / var(--tw-text-opacity));
3821
+ }
3822
+
3802
3823
  .text-grayscale-800{
3803
3824
  --tw-text-opacity: 1;
3804
3825
  color: rgb(75 77 78 / var(--tw-text-opacity));
@@ -4085,6 +4106,11 @@
4085
4106
  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
4086
4107
  }
4087
4108
 
4109
+ .\!ring-primary-500{
4110
+ --tw-ring-opacity: 1 !important;
4111
+ --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
4112
+ }
4113
+
4088
4114
  .ring-blue-400\/50{
4089
4115
  --tw-ring-color: rgb(96 165 250 / 0.5);
4090
4116
  }
@@ -4444,6 +4470,14 @@ h6,
4444
4470
  scrollbar-width: thin;
4445
4471
  }
4446
4472
 
4473
+ .placeholder\:\!font-light::-moz-placeholder{
4474
+ font-weight: 300 !important;
4475
+ }
4476
+
4477
+ .placeholder\:\!font-light::placeholder{
4478
+ font-weight: 300 !important;
4479
+ }
4480
+
4447
4481
  .placeholder\:\!font-normal::-moz-placeholder{
4448
4482
  font-weight: 400 !important;
4449
4483
  }
@@ -5765,6 +5799,11 @@ h6,
5765
5799
  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
5766
5800
  }
5767
5801
 
5802
+ .\[\&\:has\(\:focus\)\]\:\!ring-primary-500:has(:focus){
5803
+ --tw-ring-opacity: 1 !important;
5804
+ --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
5805
+ }
5806
+
5768
5807
  .\[\&\:has\(\:focus\)\]\:ring-primary-400:has(:focus){
5769
5808
  --tw-ring-opacity: 1;
5770
5809
  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity));
@@ -5775,6 +5814,11 @@ h6,
5775
5814
  --tw-ring-color: rgb(46 130 255 / var(--tw-ring-opacity)) !important;
5776
5815
  }
5777
5816
 
5817
+ .\[\&\:has\(\:focus\)_\.inputgroupaddon\]\:\!ring-primary-500:has(:focus) .inputgroupaddon{
5818
+ --tw-ring-opacity: 1 !important;
5819
+ --tw-ring-color: rgb(0 99 247 / var(--tw-ring-opacity)) !important;
5820
+ }
5821
+
5778
5822
  .\[\&\:has\(\[data-wv-section\=rowcheckbox\]\)\]\:text-center:has([data-wv-section=rowcheckbox]){
5779
5823
  text-align: center;
5780
5824
  }
@@ -5874,6 +5918,11 @@ h6,
5874
5918
  --tw-ring-color: rgb(255 0 34 / var(--tw-ring-opacity));
5875
5919
  }
5876
5920
 
5921
+ .\[\&_\.inputgroupaddon\]\:ring-general-200 .inputgroupaddon{
5922
+ --tw-ring-opacity: 1;
5923
+ --tw-ring-color: rgb(181 179 199 / var(--tw-ring-opacity));
5924
+ }
5925
+
5877
5926
  .\[\&_\.inputgroupaddon\]\:ring-general-400 .inputgroupaddon{
5878
5927
  --tw-ring-opacity: 1;
5879
5928
  --tw-ring-color: rgb(108 104 141 / var(--tw-ring-opacity));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fewangsit/wangsvue-presets",
3
- "version": "1.0.84",
3
+ "version": "1.0.85-alpha.1",
4
4
  "author": "Wangsit FE Developer",
5
5
  "description": "Wangsit VueJS Component Library Presets",
6
6
  "main": "index.js",
@@ -0,0 +1,22 @@
1
+ declare namespace _default {
2
+ let root: {
3
+ class: string[];
4
+ 'data-wv-name': string;
5
+ 'data-wv-section': string;
6
+ };
7
+ function label({ props }: {
8
+ props: any;
9
+ }): {
10
+ class: any[][];
11
+ 'data-wv-section': string;
12
+ };
13
+ namespace info {
14
+ let _class: string;
15
+ export { _class as class };
16
+ }
17
+ namespace optionaltext {
18
+ let _class_1: string;
19
+ export { _class_1 as class };
20
+ }
21
+ }
22
+ export default _default;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {
4
+ root: {
5
+ 'class': [
6
+ 'flex flex-col items-start justify-start relative gap-1 w-full shrink-0 overflow-hidden',
7
+ ],
8
+ 'data-wv-name': 'fieldwrapper',
9
+ 'data-wv-section': 'root',
10
+ },
11
+ label: function (_a) {
12
+ var props = _a.props;
13
+ return ({
14
+ 'class': [
15
+ ['text-general-900 text-xs flex gap-[2px] font-normal', props.labelClass],
16
+ ],
17
+ 'data-wv-section': 'fieldlabel',
18
+ });
19
+ },
20
+ info: {
21
+ class: 'w-2.5 h-2.5 text-grayscale-900',
22
+ },
23
+ optionaltext: {
24
+ class: 'text-grayscale-700 text-[10px] font-normal leading-4',
25
+ },
26
+ };
@@ -34,6 +34,7 @@ declare namespace wangsvue {
34
34
  export { password };
35
35
  export { validatormessage };
36
36
  export { fileupload };
37
+ export { fieldwrapper };
37
38
  export { button };
38
39
  export { buttondownload };
39
40
  export { buttonbulkaction };
@@ -129,6 +130,7 @@ import textarea from './textarea/index.js';
129
130
  import password from './password/index.js';
130
131
  import validatormessage from './validatormessage/index.js';
131
132
  import fileupload from './fileupload';
133
+ import fieldwrapper from './fieldwrapper/index.js';
132
134
  import button from './button/index.js';
133
135
  import buttondownload from './buttondownload/index.js';
134
136
  import buttonbulkaction from './buttonbulkaction/index';
package/wangsvue/index.js CHANGED
@@ -31,71 +31,72 @@ var index_js_28 = require("./divider/index.js");
31
31
  var index_js_29 = require("./dock/index.js");
32
32
  var index_js_30 = require("./dropdown/index.js");
33
33
  var index_js_31 = require("./fieldset/index.js");
34
+ var index_js_32 = require("./fieldwrapper/index.js");
34
35
  var index_1 = require("./form/index");
35
36
  var global_js_1 = require("./global.js");
36
- var index_js_32 = require("./image/index.js");
37
- var index_js_33 = require("./inlinemessage/index.js");
38
- var index_js_34 = require("./inputbadge/index.js");
39
- var index_js_35 = require("./inputgroup/index.js");
40
- var index_js_36 = require("./inputgroupaddon/index.js");
41
- var index_js_37 = require("./inputmask/index.js");
42
- var index_js_38 = require("./inputnumber/index.js");
43
- var index_js_39 = require("./inputotp/index.js");
44
- var index_js_40 = require("./inputphonenumber/index.js");
45
- var index_js_41 = require("./inputswitch/index.js");
46
- var index_js_42 = require("./inputtext/index.js");
47
- var index_js_43 = require("./knob/index.js");
48
- var index_js_44 = require("./listbox/index.js");
49
- var index_js_45 = require("./megamenu/index.js");
50
- var index_js_46 = require("./menu/index.js");
51
- var index_js_47 = require("./menubar/index.js");
52
- var index_js_48 = require("./message/index.js");
53
- var index_js_49 = require("./multiselect/index.js");
54
- var index_js_50 = require("./orderlist/index.js");
55
- var index_js_51 = require("./organizationchart/index.js");
56
- var index_js_52 = require("./overlaypanel/index.js");
57
- var index_js_53 = require("./paginator/index.js");
58
- var index_js_54 = require("./panel/index.js");
59
- var index_js_55 = require("./panelmenu/index.js");
60
- var index_js_56 = require("./password/index.js");
61
- var index_js_57 = require("./picklist/index.js");
62
- var index_js_58 = require("./progressbar/index.js");
63
- var index_js_59 = require("./buttonradio/index.js");
64
- var index_js_60 = require("./rating/index.js");
65
- var index_js_61 = require("./ripple/index.js");
66
- var index_js_62 = require("./scrollpanel/index.js");
67
- var index_js_63 = require("./scrolltop/index.js");
68
- var index_js_64 = require("./selectbutton/index.js");
69
- var index_js_65 = require("./sidebar/index.js");
70
- var index_js_66 = require("./skeleton/index.js");
71
- var index_js_67 = require("./slider/index.js");
72
- var index_js_68 = require("./splitbutton/index.js");
73
- var index_js_69 = require("./steps/index.js");
74
- var index_js_70 = require("./tabmenu/index.js");
75
- var index_js_71 = require("./tabview/index.js");
76
- var index_js_72 = require("./tag/index.js");
77
- var index_js_73 = require("./terminal/index.js");
78
- var index_js_74 = require("./textarea/index.js");
79
- var index_js_75 = require("./tieredmenu/index.js");
80
- var index_js_76 = require("./timeline/index.js");
81
- var index_js_77 = require("./toast/index.js");
82
- var index_js_78 = require("./togglebutton/index.js");
83
- var index_js_79 = require("./toolbar/index.js");
84
- var index_js_80 = require("./tooltip/index.js");
85
- var index_js_81 = require("./tree/index.js");
86
- var index_js_82 = require("./treeselect/index.js");
87
- var index_js_83 = require("./tristatecheckbox/index.js");
88
- var index_js_84 = require("./validatormessage/index.js");
37
+ var index_js_33 = require("./image/index.js");
38
+ var index_js_34 = require("./inlinemessage/index.js");
39
+ var index_js_35 = require("./inputbadge/index.js");
40
+ var index_js_36 = require("./inputgroup/index.js");
41
+ var index_js_37 = require("./inputgroupaddon/index.js");
42
+ var index_js_38 = require("./inputmask/index.js");
43
+ var index_js_39 = require("./inputnumber/index.js");
44
+ var index_js_40 = require("./inputotp/index.js");
45
+ var index_js_41 = require("./inputphonenumber/index.js");
46
+ var index_js_42 = require("./inputswitch/index.js");
47
+ var index_js_43 = require("./inputtext/index.js");
48
+ var index_js_44 = require("./knob/index.js");
49
+ var index_js_45 = require("./listbox/index.js");
50
+ var index_js_46 = require("./megamenu/index.js");
51
+ var index_js_47 = require("./menu/index.js");
52
+ var index_js_48 = require("./menubar/index.js");
53
+ var index_js_49 = require("./message/index.js");
54
+ var index_js_50 = require("./multiselect/index.js");
55
+ var index_js_51 = require("./orderlist/index.js");
56
+ var index_js_52 = require("./organizationchart/index.js");
57
+ var index_js_53 = require("./overlaypanel/index.js");
58
+ var index_js_54 = require("./paginator/index.js");
59
+ var index_js_55 = require("./panel/index.js");
60
+ var index_js_56 = require("./panelmenu/index.js");
61
+ var index_js_57 = require("./password/index.js");
62
+ var index_js_58 = require("./picklist/index.js");
63
+ var index_js_59 = require("./progressbar/index.js");
64
+ var index_js_60 = require("./buttonradio/index.js");
65
+ var index_js_61 = require("./rating/index.js");
66
+ var index_js_62 = require("./ripple/index.js");
67
+ var index_js_63 = require("./scrollpanel/index.js");
68
+ var index_js_64 = require("./scrolltop/index.js");
69
+ var index_js_65 = require("./selectbutton/index.js");
70
+ var index_js_66 = require("./sidebar/index.js");
71
+ var index_js_67 = require("./skeleton/index.js");
72
+ var index_js_68 = require("./slider/index.js");
73
+ var index_js_69 = require("./splitbutton/index.js");
74
+ var index_js_70 = require("./steps/index.js");
75
+ var index_js_71 = require("./tabmenu/index.js");
76
+ var index_js_72 = require("./tabview/index.js");
77
+ var index_js_73 = require("./tag/index.js");
78
+ var index_js_74 = require("./terminal/index.js");
79
+ var index_js_75 = require("./textarea/index.js");
80
+ var index_js_76 = require("./tieredmenu/index.js");
81
+ var index_js_77 = require("./timeline/index.js");
82
+ var index_js_78 = require("./toast/index.js");
83
+ var index_js_79 = require("./togglebutton/index.js");
84
+ var index_js_80 = require("./toolbar/index.js");
85
+ var index_js_81 = require("./tooltip/index.js");
86
+ var index_js_82 = require("./tree/index.js");
87
+ var index_js_83 = require("./treeselect/index.js");
88
+ var index_js_84 = require("./tristatecheckbox/index.js");
89
+ var index_js_85 = require("./validatormessage/index.js");
89
90
  var index_2 = require("./buttonbulkaction/index");
90
- var index_js_85 = require("./badgegroup/index.js");
91
- var index_js_86 = require("./breadcrumb/index.js");
91
+ var index_js_86 = require("./badgegroup/index.js");
92
+ var index_js_87 = require("./breadcrumb/index.js");
92
93
  var inputcurrency_1 = require("./inputcurrency");
93
94
  var fileupload_1 = require("./fileupload");
94
95
  var workcalendar_1 = require("./workcalendar");
95
96
  var directives = {
96
97
  badge: index_js_6.default,
97
- ripple: index_js_61.default,
98
- tooltip: index_js_80.default,
98
+ ripple: index_js_62.default,
99
+ tooltip: index_js_81.default,
99
100
  };
100
101
  var wangsvue = {
101
102
  global: global_js_1.default,
@@ -104,98 +105,99 @@ var wangsvue = {
104
105
  form: index_1.default,
105
106
  autocomplete: index_js_2.default,
106
107
  dropdown: index_js_30.default,
107
- inputnumber: index_js_38.default,
108
- inputphonenumber: index_js_40.default,
108
+ inputnumber: index_js_39.default,
109
+ inputphonenumber: index_js_41.default,
109
110
  inputcurrency: inputcurrency_1.default,
110
- inputotp: index_js_39.default,
111
- inputtext: index_js_42.default,
112
- inputbadge: index_js_34.default,
111
+ inputotp: index_js_40.default,
112
+ inputtext: index_js_43.default,
113
+ inputbadge: index_js_35.default,
113
114
  calendar: index_js_11.default,
114
115
  checkbox: index_js_16.default,
115
- buttonradio: index_js_59.default,
116
- inputswitch: index_js_41.default,
117
- selectbutton: index_js_64.default,
118
- slider: index_js_67.default,
116
+ buttonradio: index_js_60.default,
117
+ inputswitch: index_js_42.default,
118
+ selectbutton: index_js_65.default,
119
+ slider: index_js_68.default,
119
120
  chips: index_js_18.default,
120
- rating: index_js_60.default,
121
- multiselect: index_js_49.default,
122
- togglebutton: index_js_78.default,
121
+ rating: index_js_61.default,
122
+ multiselect: index_js_50.default,
123
+ togglebutton: index_js_79.default,
123
124
  cascadeselect: index_js_14.default,
124
- listbox: index_js_44.default,
125
+ listbox: index_js_45.default,
125
126
  colorpicker: index_js_19.default,
126
- inputgroup: index_js_35.default,
127
- inputgroupaddon: index_js_36.default,
128
- inputmask: index_js_37.default,
129
- knob: index_js_43.default,
130
- treeselect: index_js_82.default,
131
- tristatecheckbox: index_js_83.default,
132
- textarea: index_js_74.default,
133
- password: index_js_56.default,
134
- validatormessage: index_js_84.default,
127
+ inputgroup: index_js_36.default,
128
+ inputgroupaddon: index_js_37.default,
129
+ inputmask: index_js_38.default,
130
+ knob: index_js_44.default,
131
+ treeselect: index_js_83.default,
132
+ tristatecheckbox: index_js_84.default,
133
+ textarea: index_js_75.default,
134
+ password: index_js_57.default,
135
+ validatormessage: index_js_85.default,
135
136
  fileupload: fileupload_1.default,
137
+ fieldwrapper: index_js_32.default,
136
138
  // Buttons
137
139
  button: index_js_7.default,
138
140
  buttondownload: index_js_8.default,
139
141
  buttonbulkaction: index_2.default,
140
142
  buttonsearch: index_js_10.default,
141
143
  buttonfilter: index_js_9.default,
142
- splitbutton: index_js_68.default,
144
+ splitbutton: index_js_69.default,
143
145
  // Data
144
- paginator: index_js_53.default,
146
+ paginator: index_js_54.default,
145
147
  datatable: index_js_22.default,
146
- tree: index_js_81.default,
148
+ tree: index_js_82.default,
147
149
  dataview: index_js_23.default,
148
150
  dataviewlayoutoptions: index_js_24.default,
149
- organizationchart: index_js_51.default,
150
- orderlist: index_js_50.default,
151
- picklist: index_js_57.default,
152
- timeline: index_js_76.default,
151
+ organizationchart: index_js_52.default,
152
+ orderlist: index_js_51.default,
153
+ picklist: index_js_58.default,
154
+ timeline: index_js_77.default,
153
155
  changelog: index_js_15.default,
154
156
  // Panels
155
157
  accordion: index_js_1.default,
156
- panel: index_js_54.default,
158
+ panel: index_js_55.default,
157
159
  fieldset: index_js_31.default,
158
160
  card: index_js_12.default,
159
- tabview: index_js_71.default,
161
+ tabview: index_js_72.default,
160
162
  divider: index_js_28.default,
161
- toolbar: index_js_79.default,
162
- scrollpanel: index_js_62.default,
163
+ toolbar: index_js_80.default,
164
+ scrollpanel: index_js_63.default,
163
165
  // Menu
164
166
  contextmenu: index_js_21.default,
165
- menu: index_js_46.default,
166
- menubar: index_js_47.default,
167
- steps: index_js_69.default,
168
- breadcrumb: index_js_86.default,
169
- tieredmenu: index_js_75.default,
170
- panelmenu: index_js_55.default,
171
- megamenu: index_js_45.default,
167
+ menu: index_js_47.default,
168
+ menubar: index_js_48.default,
169
+ steps: index_js_70.default,
170
+ breadcrumb: index_js_87.default,
171
+ tieredmenu: index_js_76.default,
172
+ panelmenu: index_js_56.default,
173
+ megamenu: index_js_46.default,
172
174
  dock: index_js_29.default,
173
- tabmenu: index_js_70.default,
175
+ tabmenu: index_js_71.default,
174
176
  // Overlays
175
177
  dialog: index_js_25.default,
176
178
  dialogconfirm: index_js_26.default,
177
179
  dialogform: index_js_27.default,
178
- overlaypanel: index_js_52.default,
179
- sidebar: index_js_65.default,
180
+ overlaypanel: index_js_53.default,
181
+ sidebar: index_js_66.default,
180
182
  confirmpopup: index_js_20.default,
181
183
  // Messages
182
- message: index_js_48.default,
183
- inlinemessage: index_js_33.default,
184
- toast: index_js_77.default,
184
+ message: index_js_49.default,
185
+ inlinemessage: index_js_34.default,
186
+ toast: index_js_78.default,
185
187
  // Media
186
188
  carousel: index_js_13.default,
187
189
  // Misc
188
190
  badge: index_js_5.default,
189
- badgegroup: index_js_85.default,
191
+ badgegroup: index_js_86.default,
190
192
  avatar: index_js_3.default,
191
193
  avatargroup: index_js_4.default,
192
- tag: index_js_72.default,
194
+ tag: index_js_73.default,
193
195
  chip: index_js_17.default,
194
- progressbar: index_js_58.default,
195
- skeleton: index_js_66.default,
196
- scrolltop: index_js_63.default,
197
- terminal: index_js_73.default,
198
- image: index_js_32.default,
196
+ progressbar: index_js_59.default,
197
+ skeleton: index_js_67.default,
198
+ scrolltop: index_js_64.default,
199
+ terminal: index_js_74.default,
200
+ image: index_js_33.default,
199
201
  workcalendar: workcalendar_1.default,
200
202
  };
201
203
  exports.default = wangsvue;