react-ui-mat 5.81.86 → 5.81.90

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 (54) hide show
  1. package/dist/Animate.js +1 -1
  2. package/dist/Appip.js +1 -1
  3. package/dist/Badges.js +1 -1
  4. package/dist/Button.js +1 -1
  5. package/dist/CardSection.js +1 -1
  6. package/dist/Checkbox.js +1 -1
  7. package/dist/Circular.js +1 -1
  8. package/dist/Collapse.js +1 -1
  9. package/dist/Context.js +1 -1
  10. package/dist/DatePicker.js +1 -1
  11. package/dist/DateUtil.js +1 -1
  12. package/dist/Divider.js +1 -1
  13. package/dist/DraggableModal.js +1 -1
  14. package/dist/DraggablePanel.js +1 -1
  15. package/dist/FilterPanel.js +1 -1
  16. package/dist/Groupset.js +1 -1
  17. package/dist/Icons.js +1 -1
  18. package/dist/IncorrectEntry.js +1 -1
  19. package/dist/Input.js +1 -1
  20. package/dist/InputFields.js +1 -1
  21. package/dist/MKPlayer.js +1 -1
  22. package/dist/MUPlayer.js +1 -1
  23. package/dist/Multiselect.js +1 -1
  24. package/dist/Notes.js +1 -1
  25. package/dist/Numeral.js +1 -1
  26. package/dist/OvView.js +1 -1
  27. package/dist/Paginator.js +1 -1
  28. package/dist/PasswordInput.js +1 -1
  29. package/dist/Phone.js +1 -1
  30. package/dist/Picker.js +1 -1
  31. package/dist/Progress.js +1 -1
  32. package/dist/Radio.js +1 -1
  33. package/dist/Rate.js +1 -1
  34. package/dist/ReceiptCapture.js +1 -1
  35. package/dist/SearchSelect.js +1 -1
  36. package/dist/Select.js +1 -1
  37. package/dist/SortDirection.js +1 -1
  38. package/dist/Spinner.js +1 -1
  39. package/dist/Switch.js +1 -1
  40. package/dist/Table.js +1 -1
  41. package/dist/Textarea.js +1 -1
  42. package/dist/Tooltip.js +1 -1
  43. package/dist/common.js +1 -1
  44. package/dist/constant.js +1 -1
  45. package/dist/dummy-sw.js +1 -1
  46. package/dist/index.js +1 -1
  47. package/dist/logger.js +1 -1
  48. package/dist/types.base.js +1 -1
  49. package/dist/types.js +1 -1
  50. package/dist/typesout.js +1 -1
  51. package/dist/utils.js +1 -1
  52. package/package.json +1 -1
  53. package/dist/reactuimat-base.css +0 -1139
  54. package/dist/reactuimat.css +0 -516
@@ -1,516 +0,0 @@
1
- input[type=checkbox]:checked::before,
2
- input[type=radio]:checked::before {
3
- transform: scale(1);
4
- background: #4338ca
5
- }
6
-
7
- .d-context-ic,
8
- .d-context-pm {
9
- max-height: 0;
10
- overflow: hidden;
11
- z-index: 1600
12
- }
13
-
14
- .table-container>table,
15
- .umt {
16
- border-collapse: collapse;
17
- width: 100%
18
- }
19
-
20
- input,
21
- input[type=number],
22
- select,
23
- textarea {
24
- width: 100%;
25
- border: 2.25px solid #d1e8ea;
26
- box-sizing: border-box;
27
- padding: 5px 7px;
28
- height: 38px;
29
- min-height: 38px;
30
- background-color: #fff !important;
31
- transition: .7s ease-out
32
- }
33
-
34
- input,
35
- textarea {
36
- border-radius: 5px
37
- }
38
-
39
- input {
40
- padding: 5px 7px;
41
- border: 2.25px solid #d1e8ea;
42
- box-sizing: border-box
43
- }
44
-
45
- input[type=date] {
46
- max-width: 29.75rem
47
- }
48
-
49
- input[type=checkbox],
50
- input[type=radio] {
51
- min-height: unset !important;
52
- max-height: 25px;
53
- width: 25px !important;
54
- height: 25px !important;
55
- box-shadow: none !important;
56
- border-radius: 5px !important
57
- }
58
-
59
- input:disabled,
60
- select:disabled {
61
- background-color: #f5f5f5 !important;
62
- opacity: .4;
63
- pointer-events: none
64
- }
65
-
66
- input:focus,
67
- input[type=checkbox]:focus+span::before,
68
- input[type=date]:focus,
69
- input[type=number]:focus,
70
- input[type=radio]:focus+span::before,
71
- select:focus,
72
- textarea:focus {
73
- box-shadow: 0 0 5px #979797f0 !important;
74
- border: 3px solid #5b99fc80;
75
- outline: transparent solid 3px;
76
- outline-offset: 3px
77
- }
78
-
79
- input[type=checkbox] {
80
- -webkit-appearance: none;
81
- appearance: none;
82
- margin: 0;
83
- appearance: none;
84
- background-color: #fff;
85
- font: inherit;
86
- color: #3b83f685;
87
- width: 25px;
88
- height: 25px;
89
- border: 3px solid #c7d2fe;
90
- border-radius: 2px;
91
- transform: translateY(-.075em);
92
- display: grid;
93
- place-content: center
94
- }
95
-
96
- input[type=checkbox]::before {
97
- content: "";
98
- box-shadow: inset 1em 1em var(--form-control-color);
99
- content: "";
100
- width: 16px;
101
- height: 16px;
102
- transform: scale(0);
103
- transition: transform 120ms ease-in-out;
104
- background-color: #4338ca;
105
- clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)
106
- }
107
-
108
- input[type=checkbox]:checked::before {
109
- transform: scale(1)
110
- }
111
-
112
- input[type=radio]:checked::before {
113
- border-radius: 50%
114
- }
115
-
116
- .d-input-sm {
117
- padding: 3px !important;
118
- height: 34px !important;
119
- min-height: 34px !important;
120
- border-width: 1px !important
121
- }
122
-
123
- .btn:disabled,
124
- button:disabled {
125
- opacity: .25
126
- }
127
-
128
- .btn:focus,
129
- button:focus {
130
- outline: transparent solid 2px;
131
- outline-offset: 2px
132
- }
133
-
134
- button:active {
135
- outline: transparent solid 2px;
136
- outline-offset: 2px;
137
- box-shadow: none !important
138
- }
139
-
140
- .btn {
141
- font-size: 1rem;
142
- border-width: 1px;
143
- border-style: solid;
144
- padding: .5rem 1rem;
145
- font-weight: 500;
146
- height: 37px;
147
- border-radius: 5px;
148
- background-position: center;
149
- moz-transition: all .8s ease-out;
150
- -o-transition: .8s ease-out;
151
- -webkit-transition: .8s ease-out;
152
- transition: .8s
153
- }
154
-
155
- .btn-sm {
156
- font-size: .875rem;
157
- padding: .4rem !important;
158
- height: unset !important
159
- }
160
-
161
- .btn-sm>div {
162
- font-size: .75rem
163
- }
164
-
165
- .btn:active {
166
- top: 1px
167
- }
168
-
169
- .btn-primary {
170
- color: rgb(255 255 255);
171
- background-color: rgb(79 70 229);
172
- border-width: 0
173
- }
174
-
175
- .btn-primary-outline {
176
- background-color: transparent;
177
- color: rgb(79 70 229);
178
- border: 1px solid rgb(79 70 229)
179
- }
180
-
181
- .btn-primary:hover {
182
- background-color: rgb(79 70 229) radial-gradient(circle, transparent 1%, rgb(67 56 202) 1%) center/15000%
183
- }
184
-
185
- .btn-primary-outline:hover {
186
- color: rgb(67 56 202);
187
- background-color: rgba(79, 70, 229, .1)
188
- }
189
-
190
- .btn-success {
191
- color: rgb(255 255 255);
192
- background-color: rgb(16 185 129);
193
- border-width: 0
194
- }
195
-
196
- .btn-success-outline {
197
- background-color: transparent;
198
- color: rgb(16 185 129);
199
- border: 1px solid rgb(16 185 129)
200
- }
201
-
202
- .btn-success:hover {
203
- background-color: rgb(16 185 129) radial-gradient(circle, transparent 1%, rgb(5 150 105) 1%) center/15000%
204
- }
205
-
206
- .btn-warning {
207
- color: rgb(255 255 255);
208
- background-color: rgb(245 158 11);
209
- border-width: 0
210
- }
211
-
212
- .btn-warning-outline {
213
- background-color: transparent;
214
- color: rgb(245 158 11);
215
- border: 1px solid rgb(245 158 11)
216
- }
217
-
218
- .btn-warning:hover {
219
- background-color: rgb(245 158 11) radial-gradient(circle, transparent 1%, rgb(217 119 6) 1%) center/15000%
220
- }
221
-
222
- .btn-secondary {
223
- color: rgb(255 255 255);
224
- background-color: rgb(139 92 246);
225
- border-width: 0
226
- }
227
-
228
- .btn-secondary-outline {
229
- background-color: transparent;
230
- color: rgb(139 92 246);
231
- border: 1px solid rgb(139 92 246)
232
- }
233
-
234
- .btn-secondary:hover {
235
- background-color: rgb(139 92 246) radial-gradient(circle, transparent 1%, rgb(124 58 237) 1%) center/15000%
236
- }
237
-
238
- .btn-danger {
239
- color: rgb(255 255 255);
240
- background-color: rgb(225 29 72);
241
- border-width: 0
242
- }
243
-
244
- .btn-danger-outline {
245
- background-color: transparent;
246
- color: rgb(225 29 72);
247
- border: 1px solid rgb(225 29 72)
248
- }
249
-
250
- .btn-danger:hover {
251
- background-color: rgb(225 29 72) radial-gradient(circle, transparent 1%, rgb(190 18 60) 1%) center/15000%
252
- }
253
-
254
- .btn-navy {
255
- color: rgb(255 255 255);
256
- background-color: rgb(30 41 59);
257
- border-width: 0
258
- }
259
-
260
- .btn-navy-outline {
261
- background-color: transparent;
262
- color: rgb(30 41 59);
263
- border: 1px solid rgb(30 41 59)
264
- }
265
-
266
- .btn-navy:hover {
267
- background-color: rgb(30 41 59) radial-gradient(circle, transparent 1%, rgb(15 23 42) 1%) center/15000%
268
- }
269
-
270
- .btn-primary-outline:active,
271
- .btn-primary:active {
272
- background-color: rgb(49 46 129);
273
- color: #fff
274
- }
275
-
276
- .btn-success-outline:active,
277
- .btn-success:active {
278
- background-color: rgb(6 95 70);
279
- color: #fff
280
- }
281
-
282
- .btn-warning-outline:active,
283
- .btn-warning:active {
284
- background-color: rgb(146 64 14);
285
- color: #fff
286
- }
287
-
288
- .btn-secondary-outline:active,
289
- .btn-secondary:active {
290
- background-color: rgb(91 33 182);
291
- color: #fff
292
- }
293
-
294
- .btn-danger-outline:active,
295
- .btn-danger:active {
296
- background-color: rgb(159 18 57);
297
- color: #fff
298
- }
299
-
300
- .btn-navy-outline:active,
301
- .btn-navy:active {
302
- background-color: rgb(2 6 23);
303
- color: #fff
304
- }
305
-
306
- .btn-light {
307
- color: rgb(0 0 0);
308
- background-color: rgb(255 255 255);
309
- border-width: 1px
310
- }
311
-
312
- .btn-light:hover {
313
- background-color: rgb(255 255 255) radial-gradient(circle, transparent 1%, rgb(245 245 245) 1%) center/15000%
314
- }
315
-
316
- .btn-light:active {
317
- color: rgb(255 255 255);
318
- background-color: #d6dbe1;
319
- background-size: 100%;
320
- transition: .2s
321
- }
322
-
323
- .d-switch {
324
- position: relative;
325
- display: inline-block;
326
- width: 60px;
327
- min-width: 60px;
328
- height: 34px
329
- }
330
-
331
- .d-switch-sm {
332
- height: 29px !important
333
- }
334
-
335
- .d-switch-xs {
336
- width: 17px;
337
- min-width: 41px;
338
- height: 23px !important
339
- }
340
-
341
- .d-switch-disabled {
342
- opacity: .5
343
- }
344
-
345
- .d-switch input {
346
- opacity: 0 !important;
347
- width: 0 !important;
348
- max-width: 0 !important;
349
- height: 0 !important;
350
- max-height: 0 !important
351
- }
352
-
353
- .d-switch-slider {
354
- position: absolute;
355
- cursor: pointer;
356
- top: 0;
357
- left: 0;
358
- right: 0;
359
- bottom: 0;
360
- background-color: #ccc;
361
- -webkit-transition: .4s;
362
- transition: .4s;
363
- border-radius: 3px
364
- }
365
-
366
- .d-switch-slider:before,
367
- .table-container,
368
- .umt tbody tr {
369
- background-color: #fff
370
- }
371
-
372
- .d-switch-slider-xs {
373
- width: 41px
374
- }
375
-
376
- .d-switch-slider:before {
377
- position: absolute;
378
- content: "";
379
- height: 26px;
380
- width: 26px;
381
- left: 4px;
382
- bottom: 4px;
383
- -webkit-transition: .4s;
384
- transition: .4s;
385
- border-radius: 5px
386
- }
387
-
388
- .d-switch-slider-sm:before {
389
- height: 21px !important
390
- }
391
-
392
- .d-switch-slider-xs:before {
393
- height: 15px !important;
394
- width: 15px !important
395
- }
396
-
397
- input:checked+.d-switch-slider {
398
- background-color: #2196f3
399
- }
400
-
401
- input:focus+.d-switch-slider {
402
- box-shadow: 0 0 1px #2196f3
403
- }
404
-
405
- input:checked+.d-switch-slider:before {
406
- -webkit-transform: translateX(100%);
407
- -ms-transform: translateX(100%);
408
- transform: translateX(100%)
409
- }
410
-
411
- .d-switch-slider.round {
412
- border-radius: 34px
413
- }
414
-
415
- .d-switch-slider.round:before {
416
- border-radius: 50%
417
- }
418
-
419
- .d-rate {
420
- float: left;
421
- height: 46px;
422
- padding: 0 10px
423
- }
424
-
425
- .d-rate>label {
426
- width: 1em;
427
- overflow: hidden;
428
- white-space: nowrap;
429
- cursor: pointer;
430
- font-size: 30px;
431
- color: #ccc
432
- }
433
-
434
- .d-rate>label:before {
435
- content: '★'
436
- }
437
-
438
- .d-rate>.drc-cell {
439
- color: #ffc700
440
- }
441
-
442
- .d-rate>.drh-cell {
443
- color: #deb217
444
- }
445
-
446
- .d-context-ic {
447
- position: absolute;
448
- display: none;
449
- border-radius: 5px;
450
- box-shadow: 0 1px 11px #b3b3b3;
451
- transition: .3s ease-out
452
- }
453
-
454
- .d-context-item {
455
- display: flex;
456
- flex-direction: row;
457
- align-items: center
458
- }
459
-
460
- .d-context-pm {
461
- position: absolute;
462
- display: none;
463
- transition: .2s ease-out
464
- }
465
-
466
- .table-container {
467
- width: 100%;
468
- height: 100%;
469
- margin-bottom: 1px;
470
- border: 1.5px solid #dadce0;
471
- border-radius: 6px
472
- }
473
-
474
- .table-container-scroll {
475
- overflow: auto
476
- }
477
-
478
- .table-container-clip {
479
- overflow: clip
480
- }
481
-
482
- .table-container>tbody>td,
483
- .table-container>tbody>th {
484
- border-bottom: 1px solid #dadce0;
485
- text-align: left
486
- }
487
-
488
- .table-container tbody>tr {
489
- border-bottom: 1px solid #dadce0;
490
- background-color: #fff;
491
- transition: .3s
492
- }
493
-
494
- .table-container tbody>tr:hover {
495
- box-shadow: 0 0 5px #cacaca;
496
- background-color: #f3f4f6;
497
- transition: .3s
498
- }
499
-
500
- .umt {
501
- border-radius: .1rem
502
- }
503
-
504
- .umt thead {
505
- background-color: #f9fafb
506
- }
507
-
508
- .umt tbody tr:hover {
509
- background-color: #f3f4f6;
510
- transition: .3s ease-in-out
511
- }
512
-
513
- .umt tbody tr.umtrh,
514
- .umt tbody tr.umtrh:hover {
515
- background-color: inherit
516
- }