@steedos/service-plugin-amis 3.0.0-beta.99 → 3.0.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.
@@ -30,10 +30,7 @@ const draftsApiAdaptor = `
30
30
  }
31
31
  }
32
32
  var instance = payload.inserts[0];
33
- var url = Steedos.absoluteUrl("/app/" + FlowRouter.current().params.app_id + "/instances/view/" + instance._id + "?display=" + (Steedos.Page.getDisplay('instances') || '') + "&side_object=instances&side_listview_id=draft");
34
- // 这里不可以直接openWindow,因为手机浏览器上打不开新窗口,迁移到下面的afterDrafts脚本中,在custom动作单独执行openWindow才行
35
- // Steedos.openWindow(url);
36
- // if(!Steedos.isMobile()){ FlowRouter.reload();}
33
+ var url = Steedos.absoluteUrl("/app/" + context.app_id + "/instances/view/" + instance._id + "?display=" + (Steedos.Page.getDisplay('instances') || '') + "&side_object=instances&side_listview_id=draft");
37
34
  payload.draftUrl = url;
38
35
  return payload;
39
36
  `;
@@ -41,7 +38,7 @@ const draftsApiAdaptor = `
41
38
  const afterDrafts = `
42
39
  var url = event.data.draftUrl;
43
40
  Steedos.openWindow(url);
44
- if(!Steedos.isMobile()){ FlowRouter.reload();}
41
+ window.navigate(0);
45
42
  `;
46
43
 
47
44
  amisLib.registerAction('steedos_actions_standard_approve', {
@@ -49,7 +46,7 @@ amisLib.registerAction('steedos_actions_standard_approve', {
49
46
  return amisLib.runActions([
50
47
  {
51
48
  "actionType": "custom",
52
- "script": "var objectName = event.data.objectName || event.data.object_name;const flows = lodash.filter(Creator.object_workflows, (item) => { return item.object_name == objectName && (!item.sync_direction || item.sync_direction == 'both' || item.sync_direction == 'obj_to_ins') })\n\nevent.setData({ ...event.data, ...{ flows: flows, flowCount: flows.length } })\n\n"
49
+ "script": "var objectName = event.data.objectName || event.data.object_name;const flows = lodash.filter(Steedos.object_workflows, (item) => { return item.object_name == objectName && (!item.sync_direction || item.sync_direction == 'both' || item.sync_direction == 'obj_to_ins') })\n\nevent.setData({ ...event.data, ...{ flows: flows, flowCount: flows.length } })\n\n"
53
50
  },
54
51
  {
55
52
  "actionType": "ajax",
@@ -132,7 +129,7 @@ amisLib.registerAction('steedos_actions_standard_approve', {
132
129
  "url": "${context.rootUrl}/api/object/workflow/drafts",
133
130
  "method": "post",
134
131
  "requestAdaptor":"api.data = {\n \'Instances\': [{\n \'flow\': api.body.flowId,\n \'applicant\': api.body.context.userId,\n \'space\': api.body.context.tenantId,\n \'record_ids\': [{ o: api.body.objectName, ids: [api.body.recordId] }]\n }]\n}\n\nreturn api;",
135
- "adaptor":"\nif (payload.error) { \n return {\n status: 2,\n msg: payload.error\n }\n}\nconst instance = payload.inserts[0];\nSteedos.openWindow(Steedos.absoluteUrl(\'/app/\' + FlowRouter.current().params.app_id + \'/instances/view/\' + instance._id + \'?display=\' + (Steedos.Page.getDisplay('instances') || '') + \'&side_object=instances&side_listview_id=draft\'))\nFlowRouter.reload();\nreturn payload;",
132
+ "adaptor":"\nif (payload.error) { \n return {\n status: 2,\n msg: payload.error\n }\n}\nconst instance = payload.inserts[0];\nSteedos.openWindow(Steedos.absoluteUrl(\'/app/\' + context.app_id + \'/instances/view/\' + instance._id + \'?display=\' + (Steedos.Page.getDisplay('instances') || '') + \'&side_object=instances&side_listview_id=draft\'))\nwindow.navigate(0);\nreturn payload;",
136
133
  "messages": {},
137
134
  "headers": {
138
135
  "Authorization": "Bearer ${context.tenantId},${context.authToken}"
@@ -146,7 +146,8 @@ const getDateTimeOperators = (lng)=>{
146
146
  }
147
147
 
148
148
 
149
- const getFieldOperators = (type, lng)=>{
149
+ const getFieldOperators = (type, lng, ctx = {})=>{
150
+ let { multiple } = ctx;
150
151
  switch (type) {
151
152
  case 'text':
152
153
  return ['equal', 'not_equal', 'like', 'not_like', 'starts_with', 'ends_with']
@@ -162,6 +163,9 @@ const getFieldOperators = (type, lng)=>{
162
163
  case 'lookup':
163
164
  case 'master_detail':
164
165
  case 'select':
166
+ if (multiple){
167
+ return ['select_any_in', 'select_not_any_in']
168
+ }
165
169
  return [ 'select_equals', 'select_not_equals', 'select_any_in', 'select_not_any_in' ]
166
170
  default:
167
171
  return ;
@@ -169,7 +173,7 @@ const getFieldOperators = (type, lng)=>{
169
173
 
170
174
  }
171
175
 
172
- const getField = (objectName, fieldName, type, lng)=>{
176
+ const getField = (objectName, fieldName, type, lng, ctx = {})=>{
173
177
  let field = null;
174
178
  switch (type) {
175
179
  case 'textarea':
@@ -219,7 +223,7 @@ const getField = (objectName, fieldName, type, lng)=>{
219
223
  case 'master_detail':
220
224
  field = {
221
225
  type: 'text',
222
- operators: getFieldOperators("select", lng)
226
+ operators: getFieldOperators("select", lng, ctx)
223
227
  };
224
228
  break;
225
229
  case 'select':
@@ -235,7 +239,7 @@ const getField = (objectName, fieldName, type, lng)=>{
235
239
  }
236
240
  ,
237
241
  searchable: true,
238
- operators: getFieldOperators("select", lng)
242
+ operators: getFieldOperators("select", lng, ctx)
239
243
  };
240
244
  break;
241
245
  case 'boolean':
@@ -366,7 +370,7 @@ module.exports = {
366
370
  fields.push({
367
371
  label: field.label,
368
372
  name: field.name,
369
- ...getField(objectName, field.name, field.type, lng)
373
+ ...getField(objectName, field.name, field.type, lng, { multiple: field.multiple})
370
374
  })
371
375
  break;
372
376
  }
@@ -112,7 +112,7 @@ const getRecordPageInitSchema = async function (objectApiName, userSession) {
112
112
  name: getScopeId(objectApiName, "record_detail"),
113
113
  objectApiName: "${objectName}",
114
114
  bodyClassName: '',
115
- className: "object-detail-page steedos-record-content overflow-y-auto p-0 m-0 flex-1 h-full bg-gray-50",
115
+ className: "object-detail-page steedos-record-content overflow-y-auto p-0 m-0 flex-1 h-full",
116
116
  regions: [
117
117
  "body"
118
118
  ],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steedos/service-plugin-amis",
3
- "version": "3.0.0-beta.99",
3
+ "version": "3.0.1",
4
4
  "main": "package.service.js",
5
5
  "scripts": {
6
6
  "build": "yarn build:tailwind-base && yarn build:tailwind",
@@ -9,12 +9,11 @@
9
9
  "build:tailwind": "tailwindcss -i ./src/styles/tailwind.css -o ./public/tailwind/tailwind-steedos.css"
10
10
  },
11
11
  "license": "MIT",
12
- "private": false,
13
12
  "publishConfig": {
14
13
  "access": "public"
15
14
  },
16
- "gitHead": "a0e9d5ee78766e54048a385b7677f6916aa287c4",
15
+ "gitHead": "4bbcc1f1ba098d299f5c363e67679f001f715575",
17
16
  "devDependencies": {
18
- "tailwindcss": "3.2.4"
17
+ "tailwindcss": "^3.4.17"
19
18
  }
20
19
  }
@@ -36,7 +36,7 @@ module.exports = {
36
36
  /**
37
37
  * Dependencies
38
38
  */
39
- dependencies: ['~packages-@steedos/service-pages'],
39
+ dependencies: ['@steedos/service-pages'],
40
40
 
41
41
  /**
42
42
  * Actions
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -31,9 +139,12 @@
31
139
  3. Use a more readable tab size.
32
140
  4. Use the user's configured `sans` font-family by default.
33
141
  5. Use the user's configured `sans` font-feature-settings by default.
142
+ 6. Use the user's configured `sans` font-variation-settings by default.
143
+ 7. Disable tap highlights on iOS
34
144
  */
35
145
 
36
- html {
146
+ html,
147
+ :host {
37
148
  line-height: 1.5;
38
149
  /* 1 */
39
150
  -webkit-text-size-adjust: 100%;
@@ -43,10 +154,14 @@ html {
43
154
  -o-tab-size: 4;
44
155
  tab-size: 4;
45
156
  /* 3 */
46
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
157
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
47
158
  /* 4 */
48
159
  font-feature-settings: normal;
49
160
  /* 5 */
161
+ font-variation-settings: normal;
162
+ /* 6 */
163
+ -webkit-tap-highlight-color: transparent;
164
+ /* 7 */
50
165
  }
51
166
 
52
167
  /*
@@ -118,8 +233,10 @@ strong {
118
233
  }
119
234
 
120
235
  /*
121
- 1. Use the user's configured `mono` font family by default.
122
- 2. Correct the odd `em` font sizing in all browsers.
236
+ 1. Use the user's configured `mono` font-family by default.
237
+ 2. Use the user's configured `mono` font-feature-settings by default.
238
+ 3. Use the user's configured `mono` font-variation-settings by default.
239
+ 4. Correct the odd `em` font sizing in all browsers.
123
240
  */
124
241
 
125
242
  code,
@@ -128,8 +245,12 @@ samp,
128
245
  pre {
129
246
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
130
247
  /* 1 */
131
- font-size: 1em;
248
+ font-feature-settings: normal;
132
249
  /* 2 */
250
+ font-variation-settings: normal;
251
+ /* 3 */
252
+ font-size: 1em;
253
+ /* 4 */
133
254
  }
134
255
 
135
256
  /*
@@ -188,12 +309,18 @@ select,
188
309
  textarea {
189
310
  font-family: inherit;
190
311
  /* 1 */
312
+ font-feature-settings: inherit;
313
+ /* 1 */
314
+ font-variation-settings: inherit;
315
+ /* 1 */
191
316
  font-size: 100%;
192
317
  /* 1 */
193
318
  font-weight: inherit;
194
319
  /* 1 */
195
320
  line-height: inherit;
196
321
  /* 1 */
322
+ letter-spacing: inherit;
323
+ /* 1 */
197
324
  color: inherit;
198
325
  /* 1 */
199
326
  margin: 0;
@@ -217,9 +344,9 @@ select {
217
344
  */
218
345
 
219
346
  button,
220
- [type='button'],
221
- [type='reset'],
222
- [type='submit'] {
347
+ input:where([type='button']),
348
+ input:where([type='reset']),
349
+ input:where([type='submit']) {
223
350
  -webkit-appearance: button;
224
351
  /* 1 */
225
352
  background-color: transparent;
@@ -338,6 +465,14 @@ menu {
338
465
  padding: 0;
339
466
  }
340
467
 
468
+ /*
469
+ Reset default styling for dialogs.
470
+ */
471
+
472
+ dialog {
473
+ padding: 0;
474
+ }
475
+
341
476
  /*
342
477
  Prevent resizing textareas horizontally by default.
343
478
  */
@@ -415,100 +550,6 @@ video {
415
550
 
416
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
417
552
 
418
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
419
554
  display: none;
420
- }
421
-
422
- *, ::before, ::after {
423
- --tw-border-spacing-x: 0;
424
- --tw-border-spacing-y: 0;
425
- --tw-translate-x: 0;
426
- --tw-translate-y: 0;
427
- --tw-rotate: 0;
428
- --tw-skew-x: 0;
429
- --tw-skew-y: 0;
430
- --tw-scale-x: 1;
431
- --tw-scale-y: 1;
432
- --tw-pan-x: ;
433
- --tw-pan-y: ;
434
- --tw-pinch-zoom: ;
435
- --tw-scroll-snap-strictness: proximity;
436
- --tw-ordinal: ;
437
- --tw-slashed-zero: ;
438
- --tw-numeric-figure: ;
439
- --tw-numeric-spacing: ;
440
- --tw-numeric-fraction: ;
441
- --tw-ring-inset: ;
442
- --tw-ring-offset-width: 0px;
443
- --tw-ring-offset-color: #fff;
444
- --tw-ring-color: rgb(59 130 246 / 0.5);
445
- --tw-ring-offset-shadow: 0 0 #0000;
446
- --tw-ring-shadow: 0 0 #0000;
447
- --tw-shadow: 0 0 #0000;
448
- --tw-shadow-colored: 0 0 #0000;
449
- --tw-blur: ;
450
- --tw-brightness: ;
451
- --tw-contrast: ;
452
- --tw-grayscale: ;
453
- --tw-hue-rotate: ;
454
- --tw-invert: ;
455
- --tw-saturate: ;
456
- --tw-sepia: ;
457
- --tw-drop-shadow: ;
458
- --tw-backdrop-blur: ;
459
- --tw-backdrop-brightness: ;
460
- --tw-backdrop-contrast: ;
461
- --tw-backdrop-grayscale: ;
462
- --tw-backdrop-hue-rotate: ;
463
- --tw-backdrop-invert: ;
464
- --tw-backdrop-opacity: ;
465
- --tw-backdrop-saturate: ;
466
- --tw-backdrop-sepia: ;
467
- }
468
-
469
- ::backdrop {
470
- --tw-border-spacing-x: 0;
471
- --tw-border-spacing-y: 0;
472
- --tw-translate-x: 0;
473
- --tw-translate-y: 0;
474
- --tw-rotate: 0;
475
- --tw-skew-x: 0;
476
- --tw-skew-y: 0;
477
- --tw-scale-x: 1;
478
- --tw-scale-y: 1;
479
- --tw-pan-x: ;
480
- --tw-pan-y: ;
481
- --tw-pinch-zoom: ;
482
- --tw-scroll-snap-strictness: proximity;
483
- --tw-ordinal: ;
484
- --tw-slashed-zero: ;
485
- --tw-numeric-figure: ;
486
- --tw-numeric-spacing: ;
487
- --tw-numeric-fraction: ;
488
- --tw-ring-inset: ;
489
- --tw-ring-offset-width: 0px;
490
- --tw-ring-offset-color: #fff;
491
- --tw-ring-color: rgb(59 130 246 / 0.5);
492
- --tw-ring-offset-shadow: 0 0 #0000;
493
- --tw-ring-shadow: 0 0 #0000;
494
- --tw-shadow: 0 0 #0000;
495
- --tw-shadow-colored: 0 0 #0000;
496
- --tw-blur: ;
497
- --tw-brightness: ;
498
- --tw-contrast: ;
499
- --tw-grayscale: ;
500
- --tw-hue-rotate: ;
501
- --tw-invert: ;
502
- --tw-saturate: ;
503
- --tw-sepia: ;
504
- --tw-drop-shadow: ;
505
- --tw-backdrop-blur: ;
506
- --tw-backdrop-brightness: ;
507
- --tw-backdrop-contrast: ;
508
- --tw-backdrop-grayscale: ;
509
- --tw-backdrop-hue-rotate: ;
510
- --tw-backdrop-invert: ;
511
- --tw-backdrop-opacity: ;
512
- --tw-backdrop-saturate: ;
513
- --tw-backdrop-sepia: ;
514
555
  }
@@ -48,14 +48,14 @@
48
48
  visibility: collapse
49
49
  }
50
50
 
51
- .static {
52
- position: static
53
- }
54
-
55
51
  .\!static {
56
52
  position: static !important
57
53
  }
58
54
 
55
+ .static {
56
+ position: static
57
+ }
58
+
59
59
  .fixed {
60
60
  position: fixed
61
61
  }
@@ -80,16 +80,21 @@
80
80
  margin: 0px
81
81
  }
82
82
 
83
- .m-auto {
84
- margin: auto
83
+ .m-1 {
84
+ margin: 0.25rem
85
85
  }
86
86
 
87
87
  .m-4 {
88
88
  margin: 1rem
89
89
  }
90
90
 
91
- .m-1 {
92
- margin: 0.25rem
91
+ .m-auto {
92
+ margin: auto
93
+ }
94
+
95
+ .mx-4 {
96
+ margin-left: 1rem;
97
+ margin-right: 1rem
93
98
  }
94
99
 
95
100
  .my-2 {
@@ -102,19 +107,14 @@
102
107
  margin-bottom: 1rem
103
108
  }
104
109
 
105
- .mx-4 {
106
- margin-left: 1rem;
107
- margin-right: 1rem
110
+ .-mt-3 {
111
+ margin-top: -0.75rem
108
112
  }
109
113
 
110
114
  .mb-0 {
111
115
  margin-bottom: 0px
112
116
  }
113
117
 
114
- .ml-2 {
115
- margin-left: 0.5rem
116
- }
117
-
118
118
  .mb-2 {
119
119
  margin-bottom: 0.5rem
120
120
  }
@@ -123,8 +123,8 @@
123
123
  margin-bottom: 1rem
124
124
  }
125
125
 
126
- .mr-7 {
127
- margin-right: 1.75rem
126
+ .ml-2 {
127
+ margin-left: 0.5rem
128
128
  }
129
129
 
130
130
  .ml-4 {
@@ -135,16 +135,16 @@
135
135
  margin-right: 0.25rem
136
136
  }
137
137
 
138
- .mt-2 {
139
- margin-top: 0.5rem
140
- }
141
-
142
138
  .mr-4 {
143
139
  margin-right: 1rem
144
140
  }
145
141
 
146
- .-mt-3 {
147
- margin-top: -0.75rem
142
+ .mr-7 {
143
+ margin-right: 1.75rem
144
+ }
145
+
146
+ .mt-2 {
147
+ margin-top: 0.5rem
148
148
  }
149
149
 
150
150
  .block {
@@ -179,10 +179,6 @@
179
179
  display: none
180
180
  }
181
181
 
182
- .h-full {
183
- height: 100%
184
- }
185
-
186
182
  .h-7 {
187
183
  height: 1.75rem
188
184
  }
@@ -191,20 +187,24 @@
191
187
  height: 2.25rem
192
188
  }
193
189
 
194
- .w-full {
195
- width: 100%
190
+ .h-full {
191
+ height: 100%
196
192
  }
197
193
 
198
194
  .w-4\/5 {
199
195
  width: 80%
200
196
  }
201
197
 
198
+ .w-9 {
199
+ width: 2.25rem
200
+ }
201
+
202
202
  .w-96 {
203
203
  width: 24rem
204
204
  }
205
205
 
206
- .w-9 {
207
- width: 2.25rem
206
+ .w-full {
207
+ width: 100%
208
208
  }
209
209
 
210
210
  .min-w-\[220px\] {
@@ -289,47 +289,42 @@
289
289
 
290
290
  .border-gray-300 {
291
291
  --tw-border-opacity: 1;
292
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
292
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
293
293
  }
294
294
 
295
- .bg-white {
295
+ .bg-gray-100 {
296
296
  --tw-bg-opacity: 1;
297
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
297
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
298
298
  }
299
299
 
300
- .bg-gray-100 {
300
+ .bg-gray-50 {
301
301
  --tw-bg-opacity: 1;
302
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
302
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
303
303
  }
304
304
 
305
- .bg-gray-50 {
305
+ .bg-white {
306
306
  --tw-bg-opacity: 1;
307
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
307
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
308
308
  }
309
309
 
310
310
  .bg-none {
311
311
  background-image: none
312
312
  }
313
313
 
314
- .p-4 {
315
- padding: 1rem
316
- }
317
-
318
314
  .p-0 {
319
315
  padding: 0px
320
316
  }
321
317
 
322
- .p-2 {
323
- padding: 0.5rem
324
- }
325
-
326
318
  .p-1 {
327
319
  padding: 0.25rem
328
320
  }
329
321
 
330
- .py-1 {
331
- padding-top: 0.25rem;
332
- padding-bottom: 0.25rem
322
+ .p-2 {
323
+ padding: 0.5rem
324
+ }
325
+
326
+ .p-4 {
327
+ padding: 1rem
333
328
  }
334
329
 
335
330
  .px-0 {
@@ -337,9 +332,9 @@
337
332
  padding-right: 0px
338
333
  }
339
334
 
340
- .py-4 {
341
- padding-top: 1rem;
342
- padding-bottom: 1rem
335
+ .px-10 {
336
+ padding-left: 2.5rem;
337
+ padding-right: 2.5rem
343
338
  }
344
339
 
345
340
  .px-2 {
@@ -352,14 +347,9 @@
352
347
  padding-bottom: 0.125rem
353
348
  }
354
349
 
355
- .py-0 {
356
- padding-top: 0px;
357
- padding-bottom: 0px
358
- }
359
-
360
- .px-10 {
361
- padding-left: 2.5rem;
362
- padding-right: 2.5rem
350
+ .py-1 {
351
+ padding-top: 0.25rem;
352
+ padding-bottom: 0.25rem
363
353
  }
364
354
 
365
355
  .py-2 {
@@ -367,14 +357,19 @@
367
357
  padding-bottom: 0.5rem
368
358
  }
369
359
 
370
- .pt-4 {
371
- padding-top: 1rem
360
+ .py-4 {
361
+ padding-top: 1rem;
362
+ padding-bottom: 1rem
372
363
  }
373
364
 
374
365
  .pl-10 {
375
366
  padding-left: 2.5rem
376
367
  }
377
368
 
369
+ .pt-4 {
370
+ padding-top: 1rem
371
+ }
372
+
378
373
  .text-left {
379
374
  text-align: left
380
375
  }
@@ -397,22 +392,22 @@
397
392
 
398
393
  .text-black {
399
394
  --tw-text-opacity: 1;
400
- color: rgb(0 0 0 / var(--tw-text-opacity))
395
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1))
401
396
  }
402
397
 
403
398
  .text-gray-300 {
404
399
  --tw-text-opacity: 1;
405
- color: rgb(209 213 219 / var(--tw-text-opacity))
400
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1))
406
401
  }
407
402
 
408
403
  .text-gray-500 {
409
404
  --tw-text-opacity: 1;
410
- color: rgb(107 114 128 / var(--tw-text-opacity))
405
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1))
411
406
  }
412
407
 
413
408
  .text-gray-600 {
414
409
  --tw-text-opacity: 1;
415
- color: rgb(75 85 99 / var(--tw-text-opacity))
410
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1))
416
411
  }
417
412
 
418
413
  .shadow {
@@ -427,14 +422,17 @@
427
422
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
428
423
  }
429
424
 
425
+ .blur {
426
+ --tw-blur: blur(8px);
427
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
428
+ }
429
+
430
430
  .filter {
431
431
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
432
432
  }
433
433
 
434
434
  .transition {
435
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
436
435
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
437
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
438
436
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
439
437
  transition-duration: 150ms
440
438
  }
@@ -467,7 +465,7 @@
467
465
 
468
466
  .sm\:border-gray-300 {
469
467
  --tw-border-opacity: 1;
470
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
468
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
471
469
  }
472
470
 
473
471
  .sm\:shadow {