@rufous/ui 0.2.0-beta.0 → 0.2.0-beta.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.
- package/README.md +4 -0
- package/dist/CheckBoxes/CheckBox.cjs +1 -1
- package/dist/CheckBoxes/CheckBox.js +1 -1
- package/dist/Contexts/rufousThemeProvider.cjs +65 -13
- package/dist/Contexts/rufousThemeProvider.js +2 -2
- package/dist/Dialogs/BaseDialog.css +240 -132
- package/dist/Dialogs/BaseDialog.js +14 -13
- package/dist/Dialogs/index.css +240 -132
- package/dist/Dialogs/index.js +14 -13
- package/dist/TextFields/AddressLookup.js +6 -299
- package/dist/{chunk-TYTZEAV5.js → chunk-5DAOQ2V5.js} +1 -1
- package/dist/chunk-5QEWUCKT.js +303 -0
- package/dist/{chunk-WNZLBFLQ.js → chunk-HMG3FW2Q.js} +34 -10
- package/dist/{chunk-X357WQOT.js → chunk-NEGQXBQV.js} +1 -1
- package/dist/{chunk-QGXXOQJF.js → chunk-YXPBXCY5.js} +32 -4
- package/dist/icons/index.js +16 -16
- package/dist/main.cjs +452 -108
- package/dist/main.css +240 -132
- package/dist/main.d.cts +2 -1
- package/dist/main.d.ts +2 -1
- package/dist/main.js +33 -29
- package/dist/style.css +132 -132
- package/dist/styles/address-lookup.css +107 -0
- package/dist/styles/address-lookup.d.cts +2 -0
- package/dist/styles/address-lookup.d.ts +2 -0
- package/dist/styles/button.css +16 -16
- package/dist/styles/checkbox.css +9 -9
- package/dist/styles/datagrid.css +83 -83
- package/dist/styles/dialog.css +7 -7
- package/dist/styles/editor.css +7 -7
- package/dist/utils/constants.cjs +32 -4
- package/dist/utils/constants.d.cts +20 -0
- package/dist/utils/constants.d.ts +20 -0
- package/dist/utils/constants.js +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -20,19 +20,19 @@
|
|
|
20
20
|
.add-btn,
|
|
21
21
|
.btn-add {
|
|
22
22
|
background-color: transparent;
|
|
23
|
-
border: 1.5px solid var(--primary-color) !important;
|
|
24
|
-
color: var(--primary-color) !important;
|
|
23
|
+
border: 1.5px solid var(--rufous-primary-color) !important;
|
|
24
|
+
color: var(--rufous-primary-color) !important;
|
|
25
25
|
border-radius: 34px;
|
|
26
26
|
}
|
|
27
27
|
.add-btn:hover,
|
|
28
28
|
.btn-add:hover {
|
|
29
|
-
background-color: var(--hover-color);
|
|
29
|
+
background-color: var(--rufous-hover-color);
|
|
30
30
|
}
|
|
31
31
|
.cancel-btn,
|
|
32
32
|
.btn-cancel {
|
|
33
33
|
background-color: transparent;
|
|
34
|
-
border: 1.5px solid var(--primary-color) !important;
|
|
35
|
-
color: var(--primary-color) !important;
|
|
34
|
+
border: 1.5px solid var(--rufous-primary-color) !important;
|
|
35
|
+
color: var(--rufous-primary-color) !important;
|
|
36
36
|
border-radius: 34px;
|
|
37
37
|
padding: 10px 24px;
|
|
38
38
|
font-size: 14px;
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
}
|
|
48
48
|
.cancel-btn:hover,
|
|
49
49
|
.btn-cancel:hover {
|
|
50
|
-
background-color: var(--hover-color);
|
|
50
|
+
background-color: var(--rufous-hover-color);
|
|
51
51
|
}
|
|
52
52
|
.submit-btn,
|
|
53
53
|
.btn-submit,
|
|
54
54
|
.btn-confirm {
|
|
55
|
-
background-color: var(--primary-color) !important;
|
|
55
|
+
background-color: var(--rufous-primary-color) !important;
|
|
56
56
|
color: #ffffff !important;
|
|
57
57
|
border: none;
|
|
58
58
|
border-radius: 6px;
|
|
@@ -70,22 +70,22 @@
|
|
|
70
70
|
.submit-btn:hover:not(:disabled),
|
|
71
71
|
.btn-submit:hover:not(:disabled),
|
|
72
72
|
.btn-confirm:hover:not(:disabled) {
|
|
73
|
-
background-color: var(--secondary-color) !important;
|
|
73
|
+
background-color: var(--rufous-secondary-color) !important;
|
|
74
74
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
75
75
|
transform: translateY(-1px);
|
|
76
76
|
}
|
|
77
77
|
.standard-btn,
|
|
78
78
|
.btn-std {
|
|
79
|
-
background-color: var(--surface-color);
|
|
80
|
-
border: 1.5px solid var(--border-color) !important;
|
|
81
|
-
color: var(--text-color) !important;
|
|
79
|
+
background-color: var(--rufous-surface-color);
|
|
80
|
+
border: 1.5px solid var(--rufous-border-color) !important;
|
|
81
|
+
color: var(--rufous-text-color) !important;
|
|
82
82
|
border-radius: 6px;
|
|
83
83
|
}
|
|
84
84
|
.standard-btn:hover,
|
|
85
85
|
.btn-std:hover {
|
|
86
|
-
background-color: var(--hover-color);
|
|
87
|
-
border-color: var(--primary-color) !important;
|
|
88
|
-
color: var(--primary-color) !important;
|
|
86
|
+
background-color: var(--rufous-hover-color);
|
|
87
|
+
border-color: var(--rufous-primary-color) !important;
|
|
88
|
+
color: var(--rufous-primary-color) !important;
|
|
89
89
|
}
|
|
90
90
|
.btn:disabled,
|
|
91
91
|
.cancel-btn:disabled,
|
|
@@ -106,8 +106,8 @@
|
|
|
106
106
|
background:
|
|
107
107
|
linear-gradient(
|
|
108
108
|
135deg,
|
|
109
|
-
var(--primary-color),
|
|
110
|
-
var(--secondary-color)) !important;
|
|
109
|
+
var(--rufous-primary-color),
|
|
110
|
+
var(--rufous-secondary-color)) !important;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
/* lib/styles/checkbox.css */
|
|
@@ -121,28 +121,28 @@
|
|
|
121
121
|
gap: 10px;
|
|
122
122
|
cursor: pointer;
|
|
123
123
|
user-select: none;
|
|
124
|
-
color: var(--text-color);
|
|
124
|
+
color: var(--rufous-text-color);
|
|
125
125
|
}
|
|
126
126
|
.checkbox-wrapper-13 input[type=checkbox] {
|
|
127
127
|
appearance: none;
|
|
128
128
|
-webkit-appearance: none;
|
|
129
129
|
width: 20px;
|
|
130
130
|
height: 20px;
|
|
131
|
-
border: 2px solid var(--border-color);
|
|
131
|
+
border: 2px solid var(--rufous-border-color);
|
|
132
132
|
border-radius: 4px;
|
|
133
|
-
background: var(--surface-color);
|
|
133
|
+
background: var(--rufous-surface-color);
|
|
134
134
|
cursor: pointer;
|
|
135
135
|
position: relative;
|
|
136
136
|
flex-shrink: 0;
|
|
137
137
|
transition: all 0.2s ease;
|
|
138
138
|
}
|
|
139
139
|
.checkbox-wrapper-13 input[type=checkbox]:hover {
|
|
140
|
-
border-color: var(--primary-color);
|
|
141
|
-
background-color: var(--hover-color);
|
|
140
|
+
border-color: var(--rufous-primary-color);
|
|
141
|
+
background-color: var(--rufous-hover-color);
|
|
142
142
|
}
|
|
143
143
|
.checkbox-wrapper-13 input[type=checkbox]:checked {
|
|
144
|
-
background-color: var(--primary-color);
|
|
145
|
-
border-color: var(--primary-color);
|
|
144
|
+
background-color: var(--rufous-primary-color);
|
|
145
|
+
border-color: var(--rufous-primary-color);
|
|
146
146
|
}
|
|
147
147
|
.checkbox-wrapper-13 input[type=checkbox]:checked::after {
|
|
148
148
|
content: "";
|
|
@@ -162,13 +162,13 @@
|
|
|
162
162
|
pointer-events: none;
|
|
163
163
|
}
|
|
164
164
|
.checkbox-wrapper-13 input[type=checkbox]:focus {
|
|
165
|
-
outline: 2px solid var(--primary-color);
|
|
165
|
+
outline: 2px solid var(--rufous-primary-color);
|
|
166
166
|
outline-offset: 2px;
|
|
167
167
|
}
|
|
168
168
|
.checkbox-label {
|
|
169
169
|
font-size: 14px;
|
|
170
170
|
font-weight: 400;
|
|
171
|
-
color: var(--text-color);
|
|
171
|
+
color: var(--rufous-text-color);
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
/* lib/styles/dialog.css */
|
|
@@ -186,8 +186,8 @@
|
|
|
186
186
|
backdrop-filter: blur(2px);
|
|
187
187
|
}
|
|
188
188
|
.dialog-container {
|
|
189
|
-
background: var(--surface-color);
|
|
190
|
-
color: var(--text-color);
|
|
189
|
+
background: var(--rufous-surface-color);
|
|
190
|
+
color: var(--rufous-text-color);
|
|
191
191
|
border-radius: 12px;
|
|
192
192
|
max-height: 90vh;
|
|
193
193
|
display: flex;
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
font-size: 1.5rem;
|
|
234
234
|
font-weight: 700;
|
|
235
235
|
margin: 0;
|
|
236
|
-
color: var(--text-color);
|
|
236
|
+
color: var(--rufous-text-color);
|
|
237
237
|
}
|
|
238
238
|
.btn-close {
|
|
239
239
|
background: none;
|
|
@@ -248,18 +248,18 @@
|
|
|
248
248
|
flex-shrink: 0;
|
|
249
249
|
}
|
|
250
250
|
.btn-close:hover {
|
|
251
|
-
background-color: var(--hover-color);
|
|
251
|
+
background-color: var(--rufous-hover-color);
|
|
252
252
|
}
|
|
253
253
|
.btn-close svg {
|
|
254
|
-
fill: var(--text-secondary);
|
|
254
|
+
fill: var(--rufous-text-secondary);
|
|
255
255
|
transition: fill 0.2s;
|
|
256
256
|
}
|
|
257
257
|
.btn-close:hover svg {
|
|
258
|
-
fill: var(--text-color);
|
|
258
|
+
fill: var(--rufous-text-color);
|
|
259
259
|
}
|
|
260
260
|
.dialog-divider {
|
|
261
261
|
border: none;
|
|
262
|
-
border-top: 1px solid var(--border-color);
|
|
262
|
+
border-top: 1px solid var(--rufous-border-color);
|
|
263
263
|
margin: 0 24px;
|
|
264
264
|
flex-shrink: 0;
|
|
265
265
|
}
|
|
@@ -330,17 +330,17 @@
|
|
|
330
330
|
/* lib/styles/datagrid.css */
|
|
331
331
|
.dg-root {
|
|
332
332
|
width: 100%;
|
|
333
|
-
background: var(--surface-color);
|
|
334
|
-
border: 1px solid var(--border-color);
|
|
333
|
+
background: var(--rufous-surface-color);
|
|
334
|
+
border: 1px solid var(--rufous-border-color);
|
|
335
335
|
border-radius: 12px;
|
|
336
336
|
overflow: hidden;
|
|
337
337
|
display: flex;
|
|
338
338
|
flex-direction: column;
|
|
339
|
-
color: var(--text-color);
|
|
339
|
+
color: var(--rufous-text-color);
|
|
340
340
|
}
|
|
341
341
|
.dg-header {
|
|
342
342
|
padding: 20px 24px;
|
|
343
|
-
border-bottom: 1px solid var(--border-color);
|
|
343
|
+
border-bottom: 1px solid var(--rufous-border-color);
|
|
344
344
|
display: flex;
|
|
345
345
|
align-items: center;
|
|
346
346
|
justify-content: space-between;
|
|
@@ -351,11 +351,11 @@
|
|
|
351
351
|
font-size: 1.1rem;
|
|
352
352
|
font-weight: 700;
|
|
353
353
|
margin: 0 0 2px;
|
|
354
|
-
color: var(--text-color);
|
|
354
|
+
color: var(--rufous-text-color);
|
|
355
355
|
}
|
|
356
356
|
.dg-header-info p {
|
|
357
357
|
font-size: 0.8rem;
|
|
358
|
-
color: var(--text-secondary);
|
|
358
|
+
color: var(--rufous-text-secondary);
|
|
359
359
|
margin: 0;
|
|
360
360
|
}
|
|
361
361
|
.dg-header-actions {
|
|
@@ -372,29 +372,29 @@
|
|
|
372
372
|
left: 10px;
|
|
373
373
|
top: 50%;
|
|
374
374
|
transform: translateY(-50%);
|
|
375
|
-
color: var(--text-secondary);
|
|
375
|
+
color: var(--rufous-text-secondary);
|
|
376
376
|
pointer-events: none;
|
|
377
377
|
}
|
|
378
378
|
.dg-search {
|
|
379
379
|
padding: 8px 12px 8px 34px;
|
|
380
|
-
border: 1px solid var(--border-color);
|
|
380
|
+
border: 1px solid var(--rufous-border-color);
|
|
381
381
|
border-radius: 8px;
|
|
382
|
-
background: var(--background-color);
|
|
383
|
-
color: var(--text-color);
|
|
382
|
+
background: var(--rufous-background-color);
|
|
383
|
+
color: var(--rufous-text-color);
|
|
384
384
|
font-size: 0.875rem;
|
|
385
385
|
outline: none;
|
|
386
386
|
width: 220px;
|
|
387
387
|
transition: border-color 0.2s;
|
|
388
388
|
}
|
|
389
389
|
.dg-search:focus {
|
|
390
|
-
border-color: var(--primary-color);
|
|
390
|
+
border-color: var(--rufous-primary-color);
|
|
391
391
|
}
|
|
392
392
|
.dg-icon-btn {
|
|
393
393
|
padding: 8px;
|
|
394
|
-
border: 1px solid var(--border-color);
|
|
394
|
+
border: 1px solid var(--rufous-border-color);
|
|
395
395
|
border-radius: 8px;
|
|
396
|
-
background: var(--surface-color);
|
|
397
|
-
color: var(--text-secondary);
|
|
396
|
+
background: var(--rufous-surface-color);
|
|
397
|
+
color: var(--rufous-text-secondary);
|
|
398
398
|
cursor: pointer;
|
|
399
399
|
display: flex;
|
|
400
400
|
align-items: center;
|
|
@@ -402,16 +402,16 @@
|
|
|
402
402
|
}
|
|
403
403
|
.dg-icon-btn:hover,
|
|
404
404
|
.dg-icon-btn.active {
|
|
405
|
-
border-color: var(--primary-color);
|
|
406
|
-
color: var(--primary-color);
|
|
407
|
-
background: var(--hover-color);
|
|
405
|
+
border-color: var(--rufous-primary-color);
|
|
406
|
+
color: var(--rufous-primary-color);
|
|
407
|
+
background: var(--rufous-hover-color);
|
|
408
408
|
}
|
|
409
409
|
.dg-action-btn {
|
|
410
410
|
padding: 8px 16px;
|
|
411
|
-
border: 1px solid var(--border-color);
|
|
411
|
+
border: 1px solid var(--rufous-border-color);
|
|
412
412
|
border-radius: 8px;
|
|
413
|
-
background: var(--surface-color);
|
|
414
|
-
color: var(--text-secondary);
|
|
413
|
+
background: var(--rufous-surface-color);
|
|
414
|
+
color: var(--rufous-text-secondary);
|
|
415
415
|
font-size: 0.82rem;
|
|
416
416
|
font-weight: 600;
|
|
417
417
|
cursor: pointer;
|
|
@@ -421,9 +421,9 @@
|
|
|
421
421
|
transition: all 0.2s;
|
|
422
422
|
}
|
|
423
423
|
.dg-action-btn:hover {
|
|
424
|
-
border-color: var(--primary-color);
|
|
425
|
-
color: var(--primary-color);
|
|
426
|
-
background: var(--hover-color);
|
|
424
|
+
border-color: var(--rufous-primary-color);
|
|
425
|
+
color: var(--rufous-primary-color);
|
|
426
|
+
background: var(--rufous-hover-color);
|
|
427
427
|
}
|
|
428
428
|
.dg-table-wrap {
|
|
429
429
|
overflow-x: auto;
|
|
@@ -436,8 +436,8 @@
|
|
|
436
436
|
table-layout: fixed;
|
|
437
437
|
}
|
|
438
438
|
.dg-table thead tr {
|
|
439
|
-
background: var(--hover-color);
|
|
440
|
-
border-bottom: 1px solid var(--border-color);
|
|
439
|
+
background: var(--rufous-hover-color);
|
|
440
|
+
border-bottom: 1px solid var(--rufous-border-color);
|
|
441
441
|
}
|
|
442
442
|
.dg-thead-cell {
|
|
443
443
|
padding: 0;
|
|
@@ -445,21 +445,21 @@
|
|
|
445
445
|
font-weight: 700;
|
|
446
446
|
text-transform: uppercase;
|
|
447
447
|
letter-spacing: 0.06em;
|
|
448
|
-
color: var(--text-secondary);
|
|
448
|
+
color: var(--rufous-text-secondary);
|
|
449
449
|
position: relative;
|
|
450
|
-
background: var(--hover-color);
|
|
450
|
+
background: var(--rufous-hover-color);
|
|
451
451
|
}
|
|
452
452
|
.dg-thead-cell.pinned-left {
|
|
453
453
|
position: sticky;
|
|
454
454
|
left: 0;
|
|
455
455
|
z-index: 20;
|
|
456
|
-
box-shadow: inset -1px 0 0 var(--border-color);
|
|
456
|
+
box-shadow: inset -1px 0 0 var(--rufous-border-color);
|
|
457
457
|
}
|
|
458
458
|
.dg-thead-cell.pinned-right {
|
|
459
459
|
position: sticky;
|
|
460
460
|
right: 0;
|
|
461
461
|
z-index: 20;
|
|
462
|
-
box-shadow: inset 1px 0 0 var(--border-color);
|
|
462
|
+
box-shadow: inset 1px 0 0 var(--rufous-border-color);
|
|
463
463
|
}
|
|
464
464
|
.dg-th-inner {
|
|
465
465
|
display: flex;
|
|
@@ -505,13 +505,13 @@
|
|
|
505
505
|
transition: all 0.15s;
|
|
506
506
|
}
|
|
507
507
|
.dg-th-menu-btn:hover {
|
|
508
|
-
background: var(--border-color);
|
|
509
|
-
color: var(--text-color);
|
|
508
|
+
background: var(--rufous-border-color);
|
|
509
|
+
color: var(--rufous-text-color);
|
|
510
510
|
}
|
|
511
511
|
.dg-resizer {
|
|
512
512
|
width: 4px;
|
|
513
513
|
height: 16px;
|
|
514
|
-
background: var(--border-color);
|
|
514
|
+
background: var(--rufous-border-color);
|
|
515
515
|
border-radius: 2px;
|
|
516
516
|
cursor: col-resize;
|
|
517
517
|
transition: background 0.15s;
|
|
@@ -519,10 +519,10 @@
|
|
|
519
519
|
}
|
|
520
520
|
.dg-resizer:hover,
|
|
521
521
|
.dg-resizer.resizing {
|
|
522
|
-
background: var(--primary-color);
|
|
522
|
+
background: var(--rufous-primary-color);
|
|
523
523
|
}
|
|
524
524
|
.dg-tbody-row {
|
|
525
|
-
border-bottom: 1px solid var(--border-color);
|
|
525
|
+
border-bottom: 1px solid var(--rufous-border-color);
|
|
526
526
|
transition: background 0.15s;
|
|
527
527
|
position: relative;
|
|
528
528
|
}
|
|
@@ -530,12 +530,12 @@
|
|
|
530
530
|
border-bottom: none;
|
|
531
531
|
}
|
|
532
532
|
.dg-tbody-row:hover {
|
|
533
|
-
background: var(--hover-color);
|
|
533
|
+
background: var(--rufous-hover-color);
|
|
534
534
|
}
|
|
535
535
|
.dg-td {
|
|
536
536
|
padding: 12px 20px;
|
|
537
537
|
font-size: 0.875rem;
|
|
538
|
-
color: var(--text-color);
|
|
538
|
+
color: var(--rufous-text-color);
|
|
539
539
|
overflow: hidden;
|
|
540
540
|
text-overflow: ellipsis;
|
|
541
541
|
white-space: nowrap;
|
|
@@ -545,11 +545,11 @@
|
|
|
545
545
|
position: sticky;
|
|
546
546
|
left: 0;
|
|
547
547
|
z-index: 10;
|
|
548
|
-
background: var(--surface-color);
|
|
549
|
-
box-shadow: inset -1px 0 0 var(--border-color);
|
|
548
|
+
background: var(--rufous-surface-color);
|
|
549
|
+
box-shadow: inset -1px 0 0 var(--rufous-border-color);
|
|
550
550
|
}
|
|
551
551
|
.dg-tbody-row:hover .dg-td.pinned-left {
|
|
552
|
-
background: var(--hover-color);
|
|
552
|
+
background: var(--rufous-hover-color);
|
|
553
553
|
}
|
|
554
554
|
.dg-row-actions-cell {
|
|
555
555
|
position: sticky;
|
|
@@ -578,8 +578,8 @@
|
|
|
578
578
|
display: flex;
|
|
579
579
|
align-items: center;
|
|
580
580
|
gap: 4px;
|
|
581
|
-
background: var(--surface-color);
|
|
582
|
-
border: 1px solid var(--border-color);
|
|
581
|
+
background: var(--rufous-surface-color);
|
|
582
|
+
border: 1px solid var(--rufous-border-color);
|
|
583
583
|
border-radius: 10px;
|
|
584
584
|
padding: 4px;
|
|
585
585
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
@@ -597,17 +597,17 @@
|
|
|
597
597
|
transition: background 0.15s;
|
|
598
598
|
}
|
|
599
599
|
.dg-row-action-btn:hover {
|
|
600
|
-
background: var(--hover-color);
|
|
600
|
+
background: var(--rufous-hover-color);
|
|
601
601
|
}
|
|
602
602
|
.dg-pagination {
|
|
603
603
|
padding: 16px 24px;
|
|
604
|
-
border-top: 1px solid var(--border-color);
|
|
604
|
+
border-top: 1px solid var(--rufous-border-color);
|
|
605
605
|
display: flex;
|
|
606
606
|
align-items: center;
|
|
607
607
|
justify-content: space-between;
|
|
608
608
|
flex-wrap: wrap;
|
|
609
609
|
gap: 12px;
|
|
610
|
-
background: var(--hover-color);
|
|
610
|
+
background: var(--rufous-hover-color);
|
|
611
611
|
}
|
|
612
612
|
.dg-page-info {
|
|
613
613
|
display: flex;
|
|
@@ -616,21 +616,21 @@
|
|
|
616
616
|
}
|
|
617
617
|
.dg-page-info span {
|
|
618
618
|
font-size: 0.82rem;
|
|
619
|
-
color: var(--text-secondary);
|
|
619
|
+
color: var(--rufous-text-secondary);
|
|
620
620
|
}
|
|
621
621
|
.dg-per-page {
|
|
622
622
|
display: flex;
|
|
623
623
|
align-items: center;
|
|
624
624
|
gap: 8px;
|
|
625
625
|
font-size: 0.82rem;
|
|
626
|
-
color: var(--text-secondary);
|
|
626
|
+
color: var(--rufous-text-secondary);
|
|
627
627
|
}
|
|
628
628
|
.dg-per-page select {
|
|
629
629
|
padding: 4px 8px;
|
|
630
|
-
border: 1px solid var(--border-color);
|
|
630
|
+
border: 1px solid var(--rufous-border-color);
|
|
631
631
|
border-radius: 6px;
|
|
632
|
-
background: var(--surface-color);
|
|
633
|
-
color: var(--text-color);
|
|
632
|
+
background: var(--rufous-surface-color);
|
|
633
|
+
color: var(--rufous-text-color);
|
|
634
634
|
font-size: 0.82rem;
|
|
635
635
|
outline: none;
|
|
636
636
|
cursor: pointer;
|
|
@@ -644,10 +644,10 @@
|
|
|
644
644
|
min-width: 34px;
|
|
645
645
|
height: 34px;
|
|
646
646
|
padding: 0 6px;
|
|
647
|
-
border: 1px solid var(--border-color);
|
|
647
|
+
border: 1px solid var(--rufous-border-color);
|
|
648
648
|
border-radius: 8px;
|
|
649
|
-
background: var(--surface-color);
|
|
650
|
-
color: var(--text-color);
|
|
649
|
+
background: var(--rufous-surface-color);
|
|
650
|
+
color: var(--rufous-text-color);
|
|
651
651
|
font-size: 0.82rem;
|
|
652
652
|
font-weight: 600;
|
|
653
653
|
cursor: pointer;
|
|
@@ -657,14 +657,14 @@
|
|
|
657
657
|
transition: all 0.15s;
|
|
658
658
|
}
|
|
659
659
|
.dg-page-btn:hover:not(:disabled) {
|
|
660
|
-
border-color: var(--primary-color);
|
|
661
|
-
color: var(--primary-color);
|
|
662
|
-
background: var(--hover-color);
|
|
660
|
+
border-color: var(--rufous-primary-color);
|
|
661
|
+
color: var(--rufous-primary-color);
|
|
662
|
+
background: var(--rufous-hover-color);
|
|
663
663
|
}
|
|
664
664
|
.dg-page-btn.active {
|
|
665
|
-
background: var(--primary-color);
|
|
665
|
+
background: var(--rufous-primary-color);
|
|
666
666
|
color: #fff;
|
|
667
|
-
border-color: var(--primary-color);
|
|
667
|
+
border-color: var(--rufous-primary-color);
|
|
668
668
|
}
|
|
669
669
|
.dg-page-btn:disabled {
|
|
670
670
|
opacity: 0.4;
|
|
@@ -674,7 +674,7 @@
|
|
|
674
674
|
padding: 0 14px;
|
|
675
675
|
font-size: 0.85rem;
|
|
676
676
|
font-weight: 600;
|
|
677
|
-
color: var(--text-color);
|
|
677
|
+
color: var(--rufous-text-color);
|
|
678
678
|
white-space: nowrap;
|
|
679
679
|
min-width: 56px;
|
|
680
680
|
text-align: center;
|
|
@@ -687,10 +687,10 @@
|
|
|
687
687
|
}
|
|
688
688
|
.dg-logic-btn {
|
|
689
689
|
padding: 3px 12px;
|
|
690
|
-
border: 1px solid var(--border-color);
|
|
690
|
+
border: 1px solid var(--rufous-border-color);
|
|
691
691
|
border-radius: 20px;
|
|
692
|
-
background: var(--surface-color);
|
|
693
|
-
color: var(--text-secondary);
|
|
692
|
+
background: var(--rufous-surface-color);
|
|
693
|
+
color: var(--rufous-text-secondary);
|
|
694
694
|
font-size: 0.72rem;
|
|
695
695
|
font-weight: 700;
|
|
696
696
|
letter-spacing: 0.04em;
|
|
@@ -698,20 +698,20 @@
|
|
|
698
698
|
transition: all 0.15s;
|
|
699
699
|
}
|
|
700
700
|
.dg-logic-btn:hover {
|
|
701
|
-
border-color: var(--primary-color);
|
|
702
|
-
color: var(--primary-color);
|
|
701
|
+
border-color: var(--rufous-primary-color);
|
|
702
|
+
color: var(--rufous-primary-color);
|
|
703
703
|
}
|
|
704
704
|
.dg-logic-btn.active {
|
|
705
|
-
background: var(--primary-color);
|
|
706
|
-
border-color: var(--primary-color);
|
|
705
|
+
background: var(--rufous-primary-color);
|
|
706
|
+
border-color: var(--rufous-primary-color);
|
|
707
707
|
color: #fff;
|
|
708
708
|
}
|
|
709
709
|
.dg-menu {
|
|
710
710
|
position: fixed;
|
|
711
711
|
z-index: 200;
|
|
712
712
|
width: 200px;
|
|
713
|
-
background: var(--surface-color);
|
|
714
|
-
border: 1px solid var(--border-color);
|
|
713
|
+
background: var(--rufous-surface-color);
|
|
714
|
+
border: 1px solid var(--rufous-border-color);
|
|
715
715
|
border-radius: 10px;
|
|
716
716
|
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
|
|
717
717
|
padding: 6px;
|
|
@@ -727,14 +727,14 @@
|
|
|
727
727
|
border: none;
|
|
728
728
|
border-radius: 6px;
|
|
729
729
|
font-size: 0.85rem;
|
|
730
|
-
color: var(--text-color);
|
|
730
|
+
color: var(--rufous-text-color);
|
|
731
731
|
cursor: pointer;
|
|
732
732
|
text-align: left;
|
|
733
733
|
transition: background 0.15s;
|
|
734
734
|
}
|
|
735
735
|
.dg-menu-item:hover {
|
|
736
|
-
background: var(--hover-color);
|
|
737
|
-
color: var(--primary-color);
|
|
736
|
+
background: var(--rufous-hover-color);
|
|
737
|
+
color: var(--rufous-primary-color);
|
|
738
738
|
}
|
|
739
739
|
.dg-menu-item.danger:hover {
|
|
740
740
|
background: #fff5f5;
|
|
@@ -742,7 +742,7 @@
|
|
|
742
742
|
}
|
|
743
743
|
.dg-menu-divider {
|
|
744
744
|
height: 1px;
|
|
745
|
-
background: var(--border-color);
|
|
745
|
+
background: var(--rufous-border-color);
|
|
746
746
|
margin: 4px 0;
|
|
747
747
|
}
|
|
748
748
|
.dg-modal-overlay {
|
|
@@ -757,8 +757,8 @@
|
|
|
757
757
|
backdrop-filter: blur(3px);
|
|
758
758
|
}
|
|
759
759
|
.dg-modal {
|
|
760
|
-
background: var(--surface-color);
|
|
761
|
-
border: 1px solid var(--border-color);
|
|
760
|
+
background: var(--rufous-surface-color);
|
|
761
|
+
border: 1px solid var(--rufous-border-color);
|
|
762
762
|
border-radius: 14px;
|
|
763
763
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
|
|
764
764
|
width: 100%;
|
|
@@ -773,7 +773,7 @@
|
|
|
773
773
|
}
|
|
774
774
|
.dg-modal-header {
|
|
775
775
|
padding: 20px 24px;
|
|
776
|
-
border-bottom: 1px solid var(--border-color);
|
|
776
|
+
border-bottom: 1px solid var(--rufous-border-color);
|
|
777
777
|
display: flex;
|
|
778
778
|
align-items: center;
|
|
779
779
|
justify-content: space-between;
|
|
@@ -783,7 +783,7 @@
|
|
|
783
783
|
font-size: 1.1rem;
|
|
784
784
|
font-weight: 700;
|
|
785
785
|
margin: 0;
|
|
786
|
-
color: var(--text-color);
|
|
786
|
+
color: var(--rufous-text-color);
|
|
787
787
|
}
|
|
788
788
|
.dg-modal-body {
|
|
789
789
|
padding: 20px 24px;
|
|
@@ -795,13 +795,13 @@
|
|
|
795
795
|
}
|
|
796
796
|
.dg-modal-footer {
|
|
797
797
|
padding: 14px 24px;
|
|
798
|
-
border-top: 1px solid var(--border-color);
|
|
798
|
+
border-top: 1px solid var(--rufous-border-color);
|
|
799
799
|
display: flex;
|
|
800
800
|
align-items: center;
|
|
801
801
|
justify-content: flex-end;
|
|
802
802
|
gap: 10px;
|
|
803
803
|
flex-shrink: 0;
|
|
804
|
-
background: var(--hover-color);
|
|
804
|
+
background: var(--rufous-hover-color);
|
|
805
805
|
}
|
|
806
806
|
.dg-col-row {
|
|
807
807
|
display: flex;
|
|
@@ -812,7 +812,7 @@
|
|
|
812
812
|
transition: background 0.15s;
|
|
813
813
|
}
|
|
814
814
|
.dg-col-row:hover {
|
|
815
|
-
background: var(--hover-color);
|
|
815
|
+
background: var(--rufous-hover-color);
|
|
816
816
|
}
|
|
817
817
|
.dg-col-dot {
|
|
818
818
|
width: 10px;
|
|
@@ -826,7 +826,7 @@
|
|
|
826
826
|
gap: 10px;
|
|
827
827
|
font-size: 0.875rem;
|
|
828
828
|
font-weight: 500;
|
|
829
|
-
color: var(--text-color);
|
|
829
|
+
color: var(--rufous-text-color);
|
|
830
830
|
}
|
|
831
831
|
.dg-filter-row {
|
|
832
832
|
display: flex;
|
|
@@ -837,16 +837,16 @@
|
|
|
837
837
|
.dg-filter-input {
|
|
838
838
|
flex: 1;
|
|
839
839
|
padding: 8px 12px;
|
|
840
|
-
border: 1px solid var(--border-color);
|
|
840
|
+
border: 1px solid var(--rufous-border-color);
|
|
841
841
|
border-radius: 8px;
|
|
842
|
-
background: var(--background-color);
|
|
843
|
-
color: var(--text-color);
|
|
842
|
+
background: var(--rufous-background-color);
|
|
843
|
+
color: var(--rufous-text-color);
|
|
844
844
|
font-size: 0.85rem;
|
|
845
845
|
outline: none;
|
|
846
846
|
}
|
|
847
847
|
.dg-filter-select:focus,
|
|
848
848
|
.dg-filter-input:focus {
|
|
849
|
-
border-color: var(--primary-color);
|
|
849
|
+
border-color: var(--rufous-primary-color);
|
|
850
850
|
}
|
|
851
851
|
.dg-filter-select-sm {
|
|
852
852
|
width: 140px;
|
|
@@ -922,12 +922,12 @@
|
|
|
922
922
|
background-color: #f9e0e0 !important;
|
|
923
923
|
}
|
|
924
924
|
.jodit-ui-button_variant_primary {
|
|
925
|
-
background-color:
|
|
925
|
+
background-color: var(--rufous-primary-color) !important;
|
|
926
926
|
}
|
|
927
927
|
.jodit-ui-button_variant_primary:hover:not([disabled]),
|
|
928
928
|
.jodit-ui-button_variant_primary:focus:not([disabled]) {
|
|
929
|
-
background-color:
|
|
930
|
-
outline: 1px solid
|
|
929
|
+
background-color: var(--rufous-secondary-color) !important;
|
|
930
|
+
outline: 1px solid var(--rufous-primary-color) !important;
|
|
931
931
|
}
|
|
932
932
|
.rte-listening .jodit-toolbar-button_customSpeechRecognize button {
|
|
933
933
|
background-color: #f9e0e0 !important;
|
|
@@ -944,8 +944,8 @@
|
|
|
944
944
|
position: relative;
|
|
945
945
|
}
|
|
946
946
|
.jodit-checkbox:checked {
|
|
947
|
-
background-color:
|
|
948
|
-
border-color:
|
|
947
|
+
background-color: var(--rufous-primary-color) !important;
|
|
948
|
+
border-color: var(--rufous-primary-color) !important;
|
|
949
949
|
}
|
|
950
950
|
.jodit-checkbox:checked::before {
|
|
951
951
|
content: "";
|
|
@@ -1027,10 +1027,10 @@
|
|
|
1027
1027
|
display: block;
|
|
1028
1028
|
}
|
|
1029
1029
|
.mention-jodit {
|
|
1030
|
-
background-color:
|
|
1030
|
+
background-color: var(--rufous-hover-color);
|
|
1031
1031
|
border-radius: 4px;
|
|
1032
1032
|
padding: 2px 4px;
|
|
1033
|
-
color:
|
|
1033
|
+
color: var(--rufous-primary-color);
|
|
1034
1034
|
}
|
|
1035
1035
|
.jodit-ui-translate-list__item:hover .jodit-ui-translate-list__item-title,
|
|
1036
1036
|
.jodit-ui-translate-list__item[data-active=true] .jodit-ui-translate-list__item-title,
|
|
@@ -1097,8 +1097,8 @@ body {
|
|
|
1097
1097
|
margin: 0;
|
|
1098
1098
|
padding: 0;
|
|
1099
1099
|
font-family: var(--font-family);
|
|
1100
|
-
background-color: var(--background-color);
|
|
1101
|
-
color: var(--text-color);
|
|
1100
|
+
background-color: var(--rufous-background-color);
|
|
1101
|
+
color: var(--rufous-text-color);
|
|
1102
1102
|
transition: background-color 0.3s, color 0.3s;
|
|
1103
1103
|
}
|
|
1104
1104
|
button,
|
|
@@ -1116,11 +1116,11 @@ textarea {
|
|
|
1116
1116
|
.form__field {
|
|
1117
1117
|
font-family: inherit;
|
|
1118
1118
|
width: 100%;
|
|
1119
|
-
border: 1px solid var(--border-color);
|
|
1119
|
+
border: 1px solid var(--rufous-border-color);
|
|
1120
1120
|
border-radius: 4px;
|
|
1121
1121
|
outline: 0;
|
|
1122
1122
|
font-size: 16px;
|
|
1123
|
-
color: var(--text-color);
|
|
1123
|
+
color: var(--rufous-text-color);
|
|
1124
1124
|
padding: 12px 14px;
|
|
1125
1125
|
background: transparent;
|
|
1126
1126
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
@@ -1136,7 +1136,7 @@ textarea {
|
|
|
1136
1136
|
display: block;
|
|
1137
1137
|
transition: 0.2s;
|
|
1138
1138
|
font-size: 16px;
|
|
1139
|
-
color: var(--text-secondary);
|
|
1139
|
+
color: var(--rufous-text-secondary);
|
|
1140
1140
|
pointer-events: none;
|
|
1141
1141
|
background-color: transparent;
|
|
1142
1142
|
padding: 0 4px;
|
|
@@ -1150,9 +1150,9 @@ textarea {
|
|
|
1150
1150
|
top: 6px;
|
|
1151
1151
|
left: 10px;
|
|
1152
1152
|
font-size: 12px;
|
|
1153
|
-
color: var(--primary-color);
|
|
1153
|
+
color: var(--rufous-primary-color);
|
|
1154
1154
|
font-weight: 500;
|
|
1155
|
-
background-color: var(--surface-color);
|
|
1155
|
+
background-color: var(--rufous-surface-color);
|
|
1156
1156
|
}
|
|
1157
1157
|
.rufous-theme-root.mode-dark {
|
|
1158
1158
|
color-scheme: dark;
|
|
@@ -1175,7 +1175,7 @@ pre {
|
|
|
1175
1175
|
overflow-x: auto;
|
|
1176
1176
|
border-radius: 8px;
|
|
1177
1177
|
font-size: 0.9rem;
|
|
1178
|
-
background-color: var(--surface-color);
|
|
1179
|
-
border: 1px solid var(--border-color);
|
|
1180
|
-
color: var(--text-color);
|
|
1178
|
+
background-color: var(--rufous-surface-color);
|
|
1179
|
+
border: 1px solid var(--rufous-border-color);
|
|
1180
|
+
color: var(--rufous-text-color);
|
|
1181
1181
|
}
|