kaui 4.0.26 → 4.0.28

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 (38) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/kaui/favicon.svg +29 -0
  3. data/app/assets/javascripts/kaui/multi_functions_bar_utils.js +23 -3
  4. data/app/assets/stylesheets/kaui/account.css +177 -172
  5. data/app/assets/stylesheets/kaui/account_timeline.css +21 -21
  6. data/app/assets/stylesheets/kaui/admin_allowed_users.css +26 -26
  7. data/app/assets/stylesheets/kaui/audit_logs.css +41 -41
  8. data/app/assets/stylesheets/kaui/auth_pages.css +6 -6
  9. data/app/assets/stylesheets/kaui/breadcrumb.css +5 -5
  10. data/app/assets/stylesheets/kaui/chargebacks.css +9 -9
  11. data/app/assets/stylesheets/kaui/clock.css +9 -9
  12. data/app/assets/stylesheets/kaui/common.css +207 -207
  13. data/app/assets/stylesheets/kaui/custom_fields.css +64 -64
  14. data/app/assets/stylesheets/kaui/dashboard.css +3 -3
  15. data/app/assets/stylesheets/kaui/datatable.css +14 -14
  16. data/app/assets/stylesheets/kaui/header.css +17 -17
  17. data/app/assets/stylesheets/kaui/home.css +2 -2
  18. data/app/assets/stylesheets/kaui/invoice.css +113 -113
  19. data/app/assets/stylesheets/kaui/payment.css +120 -120
  20. data/app/assets/stylesheets/kaui/queues.css +48 -48
  21. data/app/assets/stylesheets/kaui/refunds.css +15 -15
  22. data/app/assets/stylesheets/kaui/role_definitions.css +9 -9
  23. data/app/assets/stylesheets/kaui/sidebar.css +14 -14
  24. data/app/assets/stylesheets/kaui/subscription.css +58 -58
  25. data/app/assets/stylesheets/kaui/tag_definitions.css +45 -45
  26. data/app/assets/stylesheets/kaui/tags.css +65 -65
  27. data/app/assets/stylesheets/kaui/tenants.css +152 -152
  28. data/app/assets/stylesheets/kaui/tooltip.css +5 -5
  29. data/app/assets/stylesheets/kaui/wallets.css +8 -8
  30. data/app/views/kaui/account_emails/_account_emails_table.html.erb +1 -1
  31. data/app/views/kaui/accounts/_add_parent.html.erb +1 -1
  32. data/app/views/kaui/accounts/index.html.erb +1 -1
  33. data/app/views/kaui/layouts/kaui_header.html.erb +1 -0
  34. data/app/views/kaui/payment_methods/_plugin_properties.html.erb +1 -1
  35. data/app/views/kaui/transactions/_control_plugin_names.html.erb +1 -1
  36. data/lib/kaui/version.rb +1 -1
  37. data/lib/kaui.rb +1 -1
  38. metadata +6 -5
data/app/assets/stylesheets/kaui/tags.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .tag-bar {
2
- border-bottom: 0.0625rem solid #ddd;
2
+ border-bottom: 0.0625rem solid var(--kb-outline-secondary);
3
3
  margin-bottom: 0;
4
4
  position: relative;
5
5
  }
@@ -19,7 +19,7 @@
19
19
  padding: 0.3125rem 1.25rem;
20
20
  text-align: center;
21
21
  display: block;
22
- border-right: 0.0625rem solid #ddd;
22
+ border-right: 0.0625rem solid var(--kb-outline-secondary);
23
23
  }
24
24
 
25
25
  @media (max-width: 48rem) {
@@ -30,12 +30,12 @@
30
30
 
31
31
  .tag-bar .tag-select span i {
32
32
  margin: 0 0.3125rem;
33
- color: #515151;
33
+ color: var(--kb-on-surface-secondary);
34
34
  font-size: 1rem;
35
35
  }
36
36
 
37
37
  .tag-bar .tag-select span i.fa-caret-down {
38
- color: #999999;
38
+ color: var(--kb-on-surface-quaternary);
39
39
  font-size: 0.75rem;
40
40
  }
41
41
 
@@ -51,7 +51,7 @@
51
51
  .tag-bar .tag-select:hover .tag-select-box {
52
52
  max-height: 31.25rem;
53
53
  padding: 1.25rem 1.5625rem;
54
- border: 0.0625rem solid #ddd;
54
+ border: 0.0625rem solid var(--kb-outline-secondary);
55
55
  box-shadow: 0.0625rem 0.1875rem 0.125rem rgba(0, 0, 0, 0.11);
56
56
  }
57
57
 
@@ -61,11 +61,11 @@
61
61
  left: 0;
62
62
  right: auto;
63
63
  max-height: 0;
64
- background-color: #fff;
64
+ background-color: var(--kb-neutral-0);
65
65
  z-index: 100;
66
66
  padding: 0 0.9375rem;
67
67
  font-size: 0.75rem;
68
- color: #999999;
68
+ color: var(--kb-on-surface-quaternary);
69
69
  overflow: hidden;
70
70
  width: 17rem;
71
71
  max-width: min(17rem, 95vw);
@@ -133,15 +133,15 @@
133
133
  width: 64%;
134
134
  padding: 0.125rem;
135
135
  overflow: hidden;
136
- border-left: 0.0625rem solid #ddd;
136
+ border-left: 0.0625rem solid var(--kb-outline-secondary);
137
137
  }
138
138
  }
139
139
 
140
140
  .tag-bar .tag-selected span {
141
141
  display: inline-block;
142
142
  font-size: 0.75rem;
143
- color: #777777;
144
- background: #e5e5e5;
143
+ color: var(--kb-on-surface-tertiary);
144
+ background: var(--kb-outline-primary);
145
145
  padding: 0.1875rem 1.25rem;
146
146
  margin: 0 0.3125rem;
147
147
  transition: all 0.5s;
@@ -149,7 +149,7 @@
149
149
  }
150
150
 
151
151
  .tag-bar .tag-selected span:hover {
152
- background-color: #cce9eb;
152
+ background-color: var(--kb-primary-50);
153
153
  }
154
154
 
155
155
  @media (max-width: 48rem) {
@@ -213,23 +213,23 @@
213
213
  align-items: start;
214
214
  justify-content: space-between;
215
215
  padding: 0;
216
- border-bottom: 0.0625rem solid #E9EAEB;
216
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
217
217
  }
218
218
 
219
219
  .kaui-tags-index .tags-details-header h2 {
220
220
  font-weight: 600;
221
221
  font-size: 1.125rem;
222
222
  line-height: 1.75rem;
223
- color: #414651;
223
+ color: var(--kb-on-surface-secondary);
224
224
  margin-bottom: 1.25rem;
225
225
  }
226
226
 
227
227
  .kaui-tags-index #tags-table tbody tr td span {
228
228
  padding: 0.125rem 0.5rem;
229
229
  border-radius: 62.4375rem;
230
- background-color: #EFF8FF;
231
- border: 0.0625rem solid #D1E9FF;
232
- color: #175CD3;
230
+ background-color: var(--kb-primary-25);
231
+ border: 0.0625rem solid var(--kb-primary-50);
232
+ color: var(--kb-primary);
233
233
  font-weight: 500;
234
234
  font-size: 0.75rem;
235
235
  line-height: 1.125rem;
@@ -239,7 +239,7 @@
239
239
  font-weight: 600;
240
240
  font-size: 0.875rem;
241
241
  line-height: 1.25rem;
242
- color: #414651;
242
+ color: var(--kb-on-surface-secondary);
243
243
  text-decoration: none;
244
244
 
245
245
  }
@@ -255,7 +255,7 @@
255
255
  font-size: 0.875rem;
256
256
  line-height: 1.125rem;
257
257
  letter-spacing: 0;
258
- color: #717680;
258
+ color: var(--kb-on-surface-quaternary);
259
259
  text-transform: capitalize;
260
260
  }
261
261
 
@@ -265,7 +265,7 @@
265
265
  padding: 1rem 0.5rem !important;
266
266
  line-height: 1.125rem !important;
267
267
  text-align: start;
268
- color: #535862 !important;
268
+ color: var(--kb-on-surface-tertiary) !important;
269
269
  }
270
270
 
271
271
  .kaui-tags-index #tags-table_filter {
@@ -278,21 +278,21 @@
278
278
  width: 20rem;
279
279
  height: 2.2rem;
280
280
  padding: 0.3rem 1rem;
281
- border: 0.0625rem solid #E5E7EB;
281
+ border: 0.0625rem solid var(--kb-outline-primary);
282
282
  border-radius: 0.375rem;
283
283
  font-weight: 500;
284
284
  font-size: 0.875rem;
285
285
  line-height: 1.25rem;
286
- color: #414651;
286
+ color: var(--kb-on-surface-secondary);
287
287
  outline: none;
288
288
  }
289
289
 
290
290
  .kaui-tags-index #tags-table_filter input:focus {
291
- border-color: blue;
291
+ border-color: var(--kb-primary);
292
292
  }
293
293
 
294
294
  .kaui-tags-index .pagination a:not(:first-child):not(:last-child) {
295
- color: #717680;
295
+ color: var(--kb-on-surface-quaternary);
296
296
  display: flex;
297
297
  align-items: center;
298
298
  padding: 0.5rem 1rem;
@@ -303,8 +303,8 @@
303
303
  }
304
304
 
305
305
  .kaui-tags-index .pagination a:not(:first-child):not(:last-child).btn-primary {
306
- color: #414651;
307
- background-color: #F5F5F5 !important;
306
+ color: var(--kb-on-surface-secondary);
307
+ background-color: var(--kb-surface-container) !important;
308
308
  border: 0 !important;
309
309
  }
310
310
 
@@ -327,28 +327,28 @@
327
327
  display: inline-flex !important;
328
328
  align-items: center !important;
329
329
  justify-content: center !important;
330
- color: #717680 !important;
330
+ color: var(--kb-on-surface-quaternary) !important;
331
331
  text-decoration: none;
332
332
  border: 0 !important;
333
333
  }
334
334
 
335
335
  .kaui-tags-index .dataTables_paginate .paginate_button:hover {
336
- background-color: #F3F4F6;
336
+ background-color: var(--kb-surface-container);
337
337
  }
338
338
 
339
339
  .kaui-tags-index .dataTables_paginate .paginate_button.current {
340
- background-color: #F5F5F5 !important;
340
+ background-color: var(--kb-surface-container) !important;
341
341
  border-radius: 0.375rem !important;
342
- color: #414651 !important;
342
+ color: var(--kb-on-surface-secondary) !important;
343
343
  }
344
344
 
345
345
  .kaui-tags-index .dataTables_paginate .paginate_button.last,
346
346
  .kaui-tags-index .dataTables_paginate .paginate_button.previous {
347
- border: 0.0625rem solid #E5E7EB;
347
+ border: 0.0625rem solid var(--kb-outline-primary);
348
348
  border-radius: 0.5rem;
349
- background-color: white;
349
+ background-color: var(--kb-neutral-0);
350
350
  padding: 0.5rem 0.875rem;
351
- color: #374151;
351
+ color: var(--kb-neutral-600);
352
352
  }
353
353
 
354
354
  /* app/views/kaui/account_tags/index.html.erb */
@@ -362,14 +362,14 @@
362
362
  align-items: start;
363
363
  justify-content: space-between;
364
364
  padding: 0;
365
- border-bottom: 0.0625rem solid #E9EAEB;
365
+ border-bottom: 0.0625rem solid var(--kb-outline-primary);
366
366
  }
367
367
 
368
368
  .kaui-account-tags-index .account-tags .account-tags-header h2 {
369
369
  font-weight: 600;
370
370
  font-size: 1.125rem;
371
371
  line-height: 1.75rem;
372
- color: #414651;
372
+ color: var(--kb-on-surface-secondary);
373
373
  margin-bottom: 1.25rem;
374
374
  }
375
375
 
@@ -378,7 +378,7 @@
378
378
  font-size: 0.875rem;
379
379
  line-height: 1.25rem;
380
380
  letter-spacing: 0;
381
- color: #414651;
381
+ color: var(--kb-on-surface-secondary);
382
382
  }
383
383
 
384
384
  .kaui-account-tags-index .account-tags .bundle-details-header p {
@@ -386,7 +386,7 @@
386
386
  font-size: 0.75rem;
387
387
  line-height: 1.25rem;
388
388
  letter-spacing: 0;
389
- color: #717680;
389
+ color: var(--kb-on-surface-quaternary);
390
390
  }
391
391
 
392
392
  .kaui-account-tags-index .account-tags .account-tags-table {
@@ -401,40 +401,40 @@
401
401
  font-size: 0.875rem;
402
402
  line-height: 1.125rem;
403
403
  letter-spacing: 0;
404
- color: #717680;
404
+ color: var(--kb-on-surface-quaternary);
405
405
  text-transform: capitalize;
406
406
  }
407
407
 
408
408
  .kaui-account-tags-index .account-tags .account-tags-table tr td:not(:first-child) a {
409
- color: #535862 !important;
409
+ color: var(--kb-on-surface-tertiary) !important;
410
410
  text-decoration: none !important;
411
411
  }
412
412
 
413
413
  .kaui-account-tags-index .account-tags .account-tags-table .category-bedge {
414
414
  display: inline-block;
415
415
  padding: 0.125rem 0.5rem !important;
416
- border: 0.0625rem solid #F5F5F5 !important;
416
+ border: 0.0625rem solid var(--kb-surface-container) !important;
417
417
  border-radius: 624.9375rem;
418
418
  font-weight: 500 !important;
419
419
  font-size: 0.875rem !important;
420
420
  line-height: 1.125rem !important;
421
421
  text-align: start;
422
- color: #414651 !important;
423
- background-color: #FAFAFA;
422
+ color: var(--kb-on-surface-secondary) !important;
423
+ background-color: var(--kb-surface-container-low);
424
424
  text-transform: capitalize;
425
425
  }
426
426
 
427
427
  .kaui-account-tags-index .account-tags .account-tags-table .phase-type {
428
428
  display: inline-block;
429
429
  padding: 0.125rem 0.5rem !important;
430
- border: 0.0625rem solid #D1E9FF !important;
430
+ border: 0.0625rem solid var(--kb-primary-50) !important;
431
431
  border-radius: 624.9375rem;
432
432
  font-weight: 500 !important;
433
433
  font-size: 0.875rem !important;
434
434
  line-height: 1.125rem !important;
435
435
  text-align: start;
436
- color: #175CD3 !important;
437
- background-color: #EFF8FF;
436
+ color: var(--kb-primary) !important;
437
+ background-color: var(--kb-primary-25);
438
438
  text-transform: capitalize;
439
439
  }
440
440
 
@@ -444,7 +444,7 @@
444
444
  padding: 1rem 0.5rem !important;
445
445
  line-height: 1.125rem !important;
446
446
  text-align: start;
447
- color: #535862 !important;
447
+ color: var(--kb-on-surface-tertiary) !important;
448
448
  }
449
449
 
450
450
  .kaui-account-tags-index .account-tags .search table th:first-of-type, .search table td:first-of-type {
@@ -462,7 +462,7 @@
462
462
  }
463
463
 
464
464
  .kaui-account-tags-index .account-tags .cancel-menu li:hover {
465
- background-color: #FAFAFA !important;
465
+ background-color: var(--kb-surface-container-low) !important;
466
466
  }
467
467
 
468
468
  .kaui-account-tags-index .account-tags .cancel-menu li a {
@@ -470,7 +470,7 @@
470
470
  font-size: 0.875rem !important;
471
471
  line-height: 1.25rem !important;
472
472
  letter-spacing: 0 !important;
473
- color: #717680 !important;
473
+ color: var(--kb-on-surface-quaternary) !important;
474
474
  text-transform: capitalize !important;
475
475
  text-decoration: none;
476
476
  }
@@ -479,7 +479,7 @@
479
479
  background-color: transparent !important;
480
480
  border: none !important;
481
481
  padding: 0 !important;
482
- color: #D92D20 !important;
482
+ color: var(--kb-error) !important;
483
483
  flex-direction: row-reverse;
484
484
  text-transform: capitalize;
485
485
  gap: 0.0625rem;
@@ -507,13 +507,13 @@
507
507
  font-size: 0.875rem;
508
508
  line-height: 1.25rem;
509
509
  letter-spacing: 0;
510
- color: #535862;
510
+ color: var(--kb-on-surface-tertiary);
511
511
  margin-left: 0.75rem;
512
512
  text-decoration: none;
513
513
  }
514
514
 
515
515
  .kaui-account-tags-index .account-tags .pagination a:not(:first-child):not(:last-child) {
516
- color: #717680;
516
+ color: var(--kb-on-surface-quaternary);
517
517
  display: flex;
518
518
  align-items: center;
519
519
  padding: 0.5rem 1rem;
@@ -524,8 +524,8 @@
524
524
  }
525
525
 
526
526
  .kaui-account-tags-index .account-tags .pagination a:not(:first-child):not(:last-child).btn-primary {
527
- color: #414651;
528
- background-color: #F5F5F5 !important;
527
+ color: var(--kb-on-surface-secondary);
528
+ background-color: var(--kb-surface-container) !important;
529
529
  border: 0 !important;
530
530
  }
531
531
 
@@ -544,28 +544,28 @@
544
544
  display: inline-flex !important;
545
545
  align-items: center !important;
546
546
  justify-content: center !important;
547
- color: #717680 !important;
547
+ color: var(--kb-on-surface-quaternary) !important;
548
548
  text-decoration: none;
549
549
  border: 0 !important;
550
550
  }
551
551
 
552
552
  .kaui-account-tags-index .account-tags .dataTables_paginate .paginate_button:hover {
553
- background-color: #F3F4F6;
553
+ background-color: var(--kb-surface-container);
554
554
  }
555
555
 
556
556
  .kaui-account-tags-index .account-tags .dataTables_paginate .paginate_button.current {
557
- background-color: #F5F5F5 !important;
557
+ background-color: var(--kb-surface-container) !important;
558
558
  border-radius: 0.375rem !important;
559
- color: #414651 !important;
559
+ color: var(--kb-on-surface-secondary) !important;
560
560
  }
561
561
 
562
562
  .kaui-account-tags-index .account-tags .dataTables_paginate .paginate_button.last,
563
563
  .kaui-account-tags-index .account-tags .dataTables_paginate .paginate_button.previous {
564
- border: 0.0625rem solid #E5E7EB;
564
+ border: 0.0625rem solid var(--kb-outline-primary);
565
565
  border-radius: 0.5rem;
566
- background-color: white;
566
+ background-color: var(--kb-neutral-0);
567
567
  padding: 0.5rem 0.875rem;
568
- color: #374151;
568
+ color: var(--kb-neutral-600);
569
569
  }
570
570
 
571
571
  .kaui-account-tags-index .account-tags #tags-table_filter {
@@ -578,17 +578,17 @@
578
578
  width: 20rem;
579
579
  height: 2.2rem;
580
580
  padding: 0.3rem 1rem;
581
- border: 0.0625rem solid #E5E7EB;
581
+ border: 0.0625rem solid var(--kb-outline-primary);
582
582
  border-radius: 0.375rem;
583
583
  font-weight: 500;
584
584
  font-size: 0.875rem;
585
585
  line-height: 1.25rem;
586
- color: #414651;
586
+ color: var(--kb-on-surface-secondary);
587
587
  outline: none;
588
588
  }
589
589
 
590
590
  .kaui-account-tags-index .account-tags #tags-table_filter input:focus {
591
- border-color: blue;
591
+ border-color: var(--kb-primary);
592
592
  }
593
593
 
594
594
  .kaui-account-tags-index .account-tags #tags-table_wrapper .row:nth-of-type(2) {
@@ -602,9 +602,9 @@
602
602
  .kaui-account-tags-index .account-tags #tags-table tbody tr td span {
603
603
  padding: 0.125rem 0.5rem;
604
604
  border-radius: 62.4375rem;
605
- background-color: #EFF8FF;
606
- border: 0.0625rem solid #D1E9FF;
607
- color: #175CD3;
605
+ background-color: var(--kb-primary-25);
606
+ border: 0.0625rem solid var(--kb-primary-50);
607
+ color: var(--kb-primary);
608
608
  font-weight: 500;
609
609
  font-size: 0.75rem;
610
610
  line-height: 1.125rem;