primeng 13.0.2 → 13.1.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.
Files changed (166) hide show
  1. package/api/translation.d.ts +1 -0
  2. package/api/translationkeys.d.ts +1 -0
  3. package/calendar/calendar.d.ts +7 -2
  4. package/contextmenu/contextmenu.d.ts +2 -0
  5. package/dropdown/dropdown.d.ts +1 -0
  6. package/esm2020/api/primengconfig.mjs +2 -1
  7. package/esm2020/api/translation.mjs +1 -1
  8. package/esm2020/api/translationkeys.mjs +2 -1
  9. package/esm2020/calendar/calendar.mjs +61 -32
  10. package/esm2020/cascadeselect/cascadeselect.mjs +3 -3
  11. package/esm2020/chip/chip.mjs +2 -2
  12. package/esm2020/contextmenu/contextmenu.mjs +13 -2
  13. package/esm2020/dropdown/dropdown.mjs +10 -8
  14. package/esm2020/fileupload/fileupload.mjs +14 -5
  15. package/esm2020/galleria/galleria.mjs +3 -3
  16. package/esm2020/megamenu/megamenu.mjs +2 -2
  17. package/esm2020/multiselect/multiselect.mjs +13 -8
  18. package/esm2020/organizationchart/organizationchart.mjs +3 -3
  19. package/esm2020/password/password.mjs +8 -3
  20. package/esm2020/slidemenu/slidemenu.mjs +3 -3
  21. package/esm2020/splitter/splitter.mjs +21 -6
  22. package/esm2020/steps/steps.mjs +7 -6
  23. package/esm2020/table/table.mjs +146 -120
  24. package/esm2020/tabmenu/tabmenu.mjs +27 -12
  25. package/esm2020/tabview/tabview.mjs +7 -4
  26. package/esm2020/timeline/timeline.mjs +2 -2
  27. package/esm2020/tree/tree.mjs +3 -3
  28. package/esm2020/treetable/treetable.mjs +16 -19
  29. package/esm2020/utils/objectutils.mjs +9 -1
  30. package/fesm2015/primeng-api.mjs +2 -0
  31. package/fesm2015/primeng-api.mjs.map +1 -1
  32. package/fesm2015/primeng-calendar.mjs +60 -31
  33. package/fesm2015/primeng-calendar.mjs.map +1 -1
  34. package/fesm2015/primeng-cascadeselect.mjs +2 -2
  35. package/fesm2015/primeng-cascadeselect.mjs.map +1 -1
  36. package/fesm2015/primeng-chip.mjs +2 -2
  37. package/fesm2015/primeng-contextmenu.mjs +12 -1
  38. package/fesm2015/primeng-contextmenu.mjs.map +1 -1
  39. package/fesm2015/primeng-dropdown.mjs +9 -7
  40. package/fesm2015/primeng-dropdown.mjs.map +1 -1
  41. package/fesm2015/primeng-fileupload.mjs +13 -4
  42. package/fesm2015/primeng-fileupload.mjs.map +1 -1
  43. package/fesm2015/primeng-galleria.mjs +2 -2
  44. package/fesm2015/primeng-galleria.mjs.map +1 -1
  45. package/fesm2015/primeng-megamenu.mjs +1 -1
  46. package/fesm2015/primeng-megamenu.mjs.map +1 -1
  47. package/fesm2015/primeng-multiselect.mjs +12 -7
  48. package/fesm2015/primeng-multiselect.mjs.map +1 -1
  49. package/fesm2015/primeng-organizationchart.mjs +2 -2
  50. package/fesm2015/primeng-organizationchart.mjs.map +1 -1
  51. package/fesm2015/primeng-password.mjs +7 -2
  52. package/fesm2015/primeng-password.mjs.map +1 -1
  53. package/fesm2015/primeng-slidemenu.mjs +2 -2
  54. package/fesm2015/primeng-slidemenu.mjs.map +1 -1
  55. package/fesm2015/primeng-splitter.mjs +20 -5
  56. package/fesm2015/primeng-splitter.mjs.map +1 -1
  57. package/fesm2015/primeng-steps.mjs +6 -5
  58. package/fesm2015/primeng-steps.mjs.map +1 -1
  59. package/fesm2015/primeng-table.mjs +145 -119
  60. package/fesm2015/primeng-table.mjs.map +1 -1
  61. package/fesm2015/primeng-tabmenu.mjs +26 -11
  62. package/fesm2015/primeng-tabmenu.mjs.map +1 -1
  63. package/fesm2015/primeng-tabview.mjs +6 -3
  64. package/fesm2015/primeng-tabview.mjs.map +1 -1
  65. package/fesm2015/primeng-timeline.mjs +2 -2
  66. package/fesm2015/primeng-tree.mjs +2 -2
  67. package/fesm2015/primeng-tree.mjs.map +1 -1
  68. package/fesm2015/primeng-treetable.mjs +15 -18
  69. package/fesm2015/primeng-treetable.mjs.map +1 -1
  70. package/fesm2015/primeng-utils.mjs +8 -0
  71. package/fesm2015/primeng-utils.mjs.map +1 -1
  72. package/fesm2020/primeng-api.mjs +2 -0
  73. package/fesm2020/primeng-api.mjs.map +1 -1
  74. package/fesm2020/primeng-calendar.mjs +60 -31
  75. package/fesm2020/primeng-calendar.mjs.map +1 -1
  76. package/fesm2020/primeng-cascadeselect.mjs +2 -2
  77. package/fesm2020/primeng-cascadeselect.mjs.map +1 -1
  78. package/fesm2020/primeng-chip.mjs +2 -2
  79. package/fesm2020/primeng-contextmenu.mjs +12 -1
  80. package/fesm2020/primeng-contextmenu.mjs.map +1 -1
  81. package/fesm2020/primeng-dropdown.mjs +9 -7
  82. package/fesm2020/primeng-dropdown.mjs.map +1 -1
  83. package/fesm2020/primeng-fileupload.mjs +13 -4
  84. package/fesm2020/primeng-fileupload.mjs.map +1 -1
  85. package/fesm2020/primeng-galleria.mjs +2 -2
  86. package/fesm2020/primeng-galleria.mjs.map +1 -1
  87. package/fesm2020/primeng-megamenu.mjs +1 -1
  88. package/fesm2020/primeng-megamenu.mjs.map +1 -1
  89. package/fesm2020/primeng-multiselect.mjs +12 -7
  90. package/fesm2020/primeng-multiselect.mjs.map +1 -1
  91. package/fesm2020/primeng-organizationchart.mjs +2 -2
  92. package/fesm2020/primeng-organizationchart.mjs.map +1 -1
  93. package/fesm2020/primeng-password.mjs +7 -2
  94. package/fesm2020/primeng-password.mjs.map +1 -1
  95. package/fesm2020/primeng-slidemenu.mjs +2 -2
  96. package/fesm2020/primeng-slidemenu.mjs.map +1 -1
  97. package/fesm2020/primeng-splitter.mjs +20 -5
  98. package/fesm2020/primeng-splitter.mjs.map +1 -1
  99. package/fesm2020/primeng-steps.mjs +6 -5
  100. package/fesm2020/primeng-steps.mjs.map +1 -1
  101. package/fesm2020/primeng-table.mjs +145 -119
  102. package/fesm2020/primeng-table.mjs.map +1 -1
  103. package/fesm2020/primeng-tabmenu.mjs +26 -11
  104. package/fesm2020/primeng-tabmenu.mjs.map +1 -1
  105. package/fesm2020/primeng-tabview.mjs +6 -3
  106. package/fesm2020/primeng-tabview.mjs.map +1 -1
  107. package/fesm2020/primeng-timeline.mjs +2 -2
  108. package/fesm2020/primeng-tree.mjs +2 -2
  109. package/fesm2020/primeng-tree.mjs.map +1 -1
  110. package/fesm2020/primeng-treetable.mjs +15 -18
  111. package/fesm2020/primeng-treetable.mjs.map +1 -1
  112. package/fesm2020/primeng-utils.mjs +8 -0
  113. package/fesm2020/primeng-utils.mjs.map +1 -1
  114. package/fileupload/fileupload.d.ts +1 -0
  115. package/multiselect/multiselect.d.ts +3 -1
  116. package/package.json +1 -1
  117. package/password/password.d.ts +1 -0
  118. package/resources/components/table/table.css +1 -1
  119. package/resources/components/tree/tree.css +1 -0
  120. package/resources/themes/arya-blue/theme.css +36 -20
  121. package/resources/themes/arya-green/theme.css +36 -20
  122. package/resources/themes/arya-orange/theme.css +36 -20
  123. package/resources/themes/arya-purple/theme.css +36 -20
  124. package/resources/themes/bootstrap4-dark-blue/theme.css +16 -3
  125. package/resources/themes/bootstrap4-dark-purple/theme.css +16 -3
  126. package/resources/themes/bootstrap4-light-blue/theme.css +16 -3
  127. package/resources/themes/bootstrap4-light-purple/theme.css +16 -3
  128. package/resources/themes/fluent-light/theme.css +36 -20
  129. package/resources/themes/lara-dark-blue/theme.css +385 -369
  130. package/resources/themes/lara-dark-indigo/theme.css +385 -369
  131. package/resources/themes/lara-dark-purple/theme.css +385 -369
  132. package/resources/themes/lara-dark-teal/theme.css +385 -369
  133. package/resources/themes/lara-light-blue/theme.css +36 -20
  134. package/resources/themes/lara-light-indigo/theme.css +36 -20
  135. package/resources/themes/lara-light-purple/theme.css +36 -20
  136. package/resources/themes/lara-light-teal/theme.css +36 -20
  137. package/resources/themes/luna-amber/theme.css +29 -20
  138. package/resources/themes/luna-blue/theme.css +29 -20
  139. package/resources/themes/luna-green/theme.css +29 -20
  140. package/resources/themes/luna-pink/theme.css +29 -20
  141. package/resources/themes/md-dark-deeppurple/theme.css +19 -3
  142. package/resources/themes/md-dark-indigo/theme.css +19 -3
  143. package/resources/themes/md-light-deeppurple/theme.css +20 -4
  144. package/resources/themes/md-light-indigo/theme.css +20 -4
  145. package/resources/themes/mdc-dark-deeppurple/theme.css +19 -3
  146. package/resources/themes/mdc-dark-indigo/theme.css +19 -3
  147. package/resources/themes/mdc-light-deeppurple/theme.css +20 -4
  148. package/resources/themes/mdc-light-indigo/theme.css +20 -4
  149. package/resources/themes/nova/theme.css +29 -20
  150. package/resources/themes/nova-accent/theme.css +29 -20
  151. package/resources/themes/nova-alt/theme.css +29 -20
  152. package/resources/themes/rhea/theme.css +29 -20
  153. package/resources/themes/saga-blue/theme.css +19 -3
  154. package/resources/themes/saga-green/theme.css +19 -3
  155. package/resources/themes/saga-orange/theme.css +19 -3
  156. package/resources/themes/saga-purple/theme.css +19 -3
  157. package/resources/themes/tailwind-light/theme.css +39 -23
  158. package/resources/themes/vela-blue/theme.css +36 -20
  159. package/resources/themes/vela-green/theme.css +36 -20
  160. package/resources/themes/vela-orange/theme.css +36 -20
  161. package/resources/themes/vela-purple/theme.css +36 -20
  162. package/splitter/splitter.d.ts +4 -3
  163. package/table/table.d.ts +13 -5
  164. package/tabmenu/tabmenu.d.ts +7 -1
  165. package/treetable/treetable.d.ts +2 -1
  166. package/utils/objectutils.d.ts +2 -0
package/resources/themes/lara-light-teal/theme.css CHANGED
@@ -611,7 +611,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
611
611
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
612
612
  outline: 0 none;
613
613
  outline-offset: 0;
614
- box-shadow: inset 0 0 0 1px #99F6E4;
614
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
615
615
  }
616
616
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
617
617
  color: #0F766E;
@@ -867,6 +867,9 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
867
867
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
868
868
  background-color: #ffffff;
869
869
  }
870
+ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
871
+ background-color: transparent;
872
+ }
870
873
 
871
874
  .p-editor-container .p-editor-toolbar {
872
875
  background: #f8f9fa;
@@ -1235,7 +1238,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1235
1238
  .p-listbox .p-listbox-list .p-listbox-item:focus {
1236
1239
  outline: 0 none;
1237
1240
  outline-offset: 0;
1238
- box-shadow: inset 0 0 0 1px #99F6E4;
1241
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
1239
1242
  }
1240
1243
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1241
1244
  margin-right: 0.5rem;
@@ -1377,7 +1380,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1377
1380
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1378
1381
  outline: 0 none;
1379
1382
  outline-offset: 0;
1380
- box-shadow: inset 0 0 0 1px #99F6E4;
1383
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
1381
1384
  }
1382
1385
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1383
1386
  margin-right: 0.5rem;
@@ -2382,14 +2385,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2382
2385
  color: #0F766E;
2383
2386
  }
2384
2387
  .p-datatable .p-sortable-column:focus {
2385
- box-shadow: inset 0 0 0 1px #99F6E4;
2388
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
2386
2389
  outline: 0 none;
2387
2390
  }
2388
2391
  .p-datatable .p-datatable-tbody > tr {
2389
2392
  background: #ffffff;
2390
2393
  color: #495057;
2391
2394
  transition: box-shadow 0.2s;
2392
- outline-color: #99F6E4;
2393
2395
  }
2394
2396
  .p-datatable .p-datatable-tbody > tr > td {
2395
2397
  text-align: left;
@@ -2428,6 +2430,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2428
2430
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2429
2431
  margin-right: 0.5rem;
2430
2432
  }
2433
+ .p-datatable .p-datatable-tbody > tr:focus {
2434
+ outline: 0.15rem solid #99F6E4;
2435
+ outline-offset: 0.15rem;
2436
+ }
2431
2437
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2432
2438
  background: #F0FDFA;
2433
2439
  color: #0F766E;
@@ -2648,7 +2654,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2648
2654
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2649
2655
  outline: 0 none;
2650
2656
  outline-offset: 0;
2651
- box-shadow: inset 0 0 0 1px #99F6E4;
2657
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
2652
2658
  }
2653
2659
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2654
2660
  border-top: 1px solid #dee2e6;
@@ -3023,7 +3029,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3023
3029
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
3024
3030
  outline: 0 none;
3025
3031
  outline-offset: 0;
3026
- box-shadow: inset 0 0 0 1px #99F6E4;
3032
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
3027
3033
  }
3028
3034
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
3029
3035
  color: #0F766E;
@@ -3218,7 +3224,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3218
3224
  .p-picklist .p-picklist-list .p-picklist-item:focus {
3219
3225
  outline: 0 none;
3220
3226
  outline-offset: 0;
3221
- box-shadow: inset 0 0 0 1px #99F6E4;
3227
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
3222
3228
  }
3223
3229
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3224
3230
  color: #0F766E;
@@ -3315,7 +3321,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3315
3321
  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3316
3322
  outline: 0 none;
3317
3323
  outline-offset: 0;
3318
- box-shadow: 0 0 0 0.2rem #99F6E4;
3324
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
3319
3325
  }
3320
3326
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3321
3327
  background: #F0FDFA;
@@ -3473,7 +3479,6 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3473
3479
  background: #ffffff;
3474
3480
  color: #495057;
3475
3481
  transition: box-shadow 0.2s;
3476
- outline-color: #99F6E4;
3477
3482
  }
3478
3483
  .p-treetable .p-treetable-tbody > tr > td {
3479
3484
  text-align: left;
@@ -3507,6 +3512,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3507
3512
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3508
3513
  color: #495057;
3509
3514
  }
3515
+ .p-treetable .p-treetable-tbody > tr:focus {
3516
+ outline: 0.15rem solid #99F6E4;
3517
+ outline-offset: -0.15rem;
3518
+ }
3510
3519
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3511
3520
  background: #F0FDFA;
3512
3521
  color: #0F766E;
@@ -4227,7 +4236,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4227
4236
  .p-contextmenu .p-menuitem-link:focus {
4228
4237
  outline: 0 none;
4229
4238
  outline-offset: 0;
4230
- box-shadow: inset 0 0 0 1px #99F6E4;
4239
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4231
4240
  }
4232
4241
  .p-contextmenu .p-submenu-list {
4233
4242
  padding: 0.25rem 0;
@@ -4359,7 +4368,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4359
4368
  .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4360
4369
  outline: 0 none;
4361
4370
  outline-offset: 0;
4362
- box-shadow: inset 0 0 0 1px #99F6E4;
4371
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4363
4372
  }
4364
4373
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4365
4374
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4409,7 +4418,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4409
4418
  .p-megamenu .p-menuitem-link:focus {
4410
4419
  outline: 0 none;
4411
4420
  outline-offset: 0;
4412
- box-shadow: inset 0 0 0 1px #99F6E4;
4421
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4413
4422
  }
4414
4423
  .p-megamenu .p-megamenu-panel {
4415
4424
  background: #ffffff;
@@ -4500,7 +4509,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4500
4509
  .p-menu .p-menuitem-link:focus {
4501
4510
  outline: 0 none;
4502
4511
  outline-offset: 0;
4503
- box-shadow: inset 0 0 0 1px #99F6E4;
4512
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4504
4513
  }
4505
4514
  .p-menu.p-menu-overlay {
4506
4515
  background: #ffffff;
@@ -4566,7 +4575,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4566
4575
  .p-menubar .p-menuitem-link:focus {
4567
4576
  outline: 0 none;
4568
4577
  outline-offset: 0;
4569
- box-shadow: inset 0 0 0 1px #99F6E4;
4578
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4570
4579
  }
4571
4580
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4572
4581
  padding: 0.75rem 1.25rem;
@@ -4601,7 +4610,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4601
4610
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4602
4611
  outline: 0 none;
4603
4612
  outline-offset: 0;
4604
- box-shadow: inset 0 0 0 1px #99F6E4;
4613
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4605
4614
  }
4606
4615
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4607
4616
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4722,7 +4731,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4722
4731
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4723
4732
  outline: 0 none;
4724
4733
  outline-offset: 0;
4725
- box-shadow: inset 0 0 0 1px #99F6E4;
4734
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4726
4735
  }
4727
4736
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4728
4737
  margin-left: auto;
@@ -4855,7 +4864,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4855
4864
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4856
4865
  outline: 0 none;
4857
4866
  outline-offset: 0;
4858
- box-shadow: inset 0 0 0 1px #99F6E4;
4867
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4859
4868
  }
4860
4869
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4861
4870
  margin-right: 0.5rem;
@@ -4907,7 +4916,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4907
4916
  .p-slidemenu .p-menuitem-link:focus {
4908
4917
  outline: 0 none;
4909
4918
  outline-offset: 0;
4910
- box-shadow: inset 0 0 0 1px #99F6E4;
4919
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
4911
4920
  }
4912
4921
  .p-slidemenu.p-slidemenu-overlay {
4913
4922
  background: #ffffff;
@@ -5066,7 +5075,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5066
5075
  .p-tieredmenu .p-menuitem-link:focus {
5067
5076
  outline: 0 none;
5068
5077
  outline-offset: 0;
5069
- box-shadow: inset 0 0 0 1px #99F6E4;
5078
+ box-shadow: inset 0 0 0 0.15rem #99F6E4;
5070
5079
  }
5071
5080
  .p-tieredmenu.p-tieredmenu-overlay {
5072
5081
  background: #ffffff;
@@ -5707,3 +5716,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5707
5716
  .p-button.p-button-danger:enabled:focus {
5708
5717
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
5709
5718
  }
5719
+
5720
+ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
5721
+ box-shadow: inset 0 2px 0 0 #14B8A6;
5722
+ }
5723
+ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
5724
+ box-shadow: inset 0 -2px 0 0 #14B8A6;
5725
+ }
package/resources/themes/luna-amber/theme.css CHANGED
@@ -576,7 +576,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
576
576
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
577
577
  outline: 0 none;
578
578
  outline-offset: 0;
579
- box-shadow: inset 0 0 0 0.2rem white;
579
+ box-shadow: inset 0 0 0 0.15rem white;
580
580
  }
581
581
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
582
582
  color: #212529;
@@ -836,6 +836,9 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
836
836
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
837
837
  background-color: #4b4b4b;
838
838
  }
839
+ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
840
+ background-color: transparent;
841
+ }
839
842
 
840
843
  .p-editor-container .p-editor-toolbar {
841
844
  background: #191919;
@@ -1204,7 +1207,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1204
1207
  .p-listbox .p-listbox-list .p-listbox-item:focus {
1205
1208
  outline: 0 none;
1206
1209
  outline-offset: 0;
1207
- box-shadow: inset 0 0 0 0.2rem white;
1210
+ box-shadow: inset 0 0 0 0.15rem white;
1208
1211
  }
1209
1212
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1210
1213
  margin-right: 0.5rem;
@@ -1346,7 +1349,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1346
1349
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1347
1350
  outline: 0 none;
1348
1351
  outline-offset: 0;
1349
- box-shadow: inset 0 0 0 0.2rem white;
1352
+ box-shadow: inset 0 0 0 0.15rem white;
1350
1353
  }
1351
1354
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1352
1355
  margin-right: 0.5rem;
@@ -2359,14 +2362,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2359
2362
  color: #212529;
2360
2363
  }
2361
2364
  .p-datatable .p-sortable-column:focus {
2362
- box-shadow: inset 0 0 0 0.2rem white;
2365
+ box-shadow: inset 0 0 0 0.15rem white;
2363
2366
  outline: 0 none;
2364
2367
  }
2365
2368
  .p-datatable .p-datatable-tbody > tr {
2366
2369
  background: #323232;
2367
2370
  color: #dedede;
2368
2371
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
2369
- outline-color: white;
2370
2372
  }
2371
2373
  .p-datatable .p-datatable-tbody > tr > td {
2372
2374
  text-align: left;
@@ -2405,6 +2407,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2405
2407
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2406
2408
  margin-right: 0.5rem;
2407
2409
  }
2410
+ .p-datatable .p-datatable-tbody > tr:focus {
2411
+ outline: 0.15rem solid white;
2412
+ outline-offset: 0.15rem;
2413
+ }
2408
2414
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2409
2415
  background: #FFE082;
2410
2416
  color: #212529;
@@ -2625,7 +2631,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2625
2631
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2626
2632
  outline: 0 none;
2627
2633
  outline-offset: 0;
2628
- box-shadow: inset 0 0 0 0.2rem white;
2634
+ box-shadow: inset 0 0 0 0.15rem white;
2629
2635
  }
2630
2636
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2631
2637
  border-top: 1px solid #4b4b4b;
@@ -3000,7 +3006,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3000
3006
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
3001
3007
  outline: 0 none;
3002
3008
  outline-offset: 0;
3003
- box-shadow: inset 0 0 0 0.2rem white;
3009
+ box-shadow: inset 0 0 0 0.15rem white;
3004
3010
  }
3005
3011
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
3006
3012
  color: #212529;
@@ -3195,7 +3201,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3195
3201
  .p-picklist .p-picklist-list .p-picklist-item:focus {
3196
3202
  outline: 0 none;
3197
3203
  outline-offset: 0;
3198
- box-shadow: inset 0 0 0 0.2rem white;
3204
+ box-shadow: inset 0 0 0 0.15rem white;
3199
3205
  }
3200
3206
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3201
3207
  color: #212529;
@@ -3292,7 +3298,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3292
3298
  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3293
3299
  outline: 0 none;
3294
3300
  outline-offset: 0;
3295
- box-shadow: 0 0 0 0.1rem white;
3301
+ box-shadow: inset 0 0 0 0.15rem white;
3296
3302
  }
3297
3303
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3298
3304
  background: #FFE082;
@@ -3450,7 +3456,6 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3450
3456
  background: #323232;
3451
3457
  color: #dedede;
3452
3458
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3453
- outline-color: white;
3454
3459
  }
3455
3460
  .p-treetable .p-treetable-tbody > tr > td {
3456
3461
  text-align: left;
@@ -3484,6 +3489,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3484
3489
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3485
3490
  color: #dedede;
3486
3491
  }
3492
+ .p-treetable .p-treetable-tbody > tr:focus {
3493
+ outline: 0.15rem solid white;
3494
+ outline-offset: -0.15rem;
3495
+ }
3487
3496
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3488
3497
  background: #FFE082;
3489
3498
  color: #212529;
@@ -4204,7 +4213,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4204
4213
  .p-contextmenu .p-menuitem-link:focus {
4205
4214
  outline: 0 none;
4206
4215
  outline-offset: 0;
4207
- box-shadow: inset 0 0 0 0.2rem white;
4216
+ box-shadow: inset 0 0 0 0.15rem white;
4208
4217
  }
4209
4218
  .p-contextmenu .p-submenu-list {
4210
4219
  padding: 0;
@@ -4336,7 +4345,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4336
4345
  .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4337
4346
  outline: 0 none;
4338
4347
  outline-offset: 0;
4339
- box-shadow: inset 0 0 0 0.2rem white;
4348
+ box-shadow: inset 0 0 0 0.15rem white;
4340
4349
  }
4341
4350
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4342
4351
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4386,7 +4395,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4386
4395
  .p-megamenu .p-menuitem-link:focus {
4387
4396
  outline: 0 none;
4388
4397
  outline-offset: 0;
4389
- box-shadow: inset 0 0 0 0.2rem white;
4398
+ box-shadow: inset 0 0 0 0.15rem white;
4390
4399
  }
4391
4400
  .p-megamenu .p-megamenu-panel {
4392
4401
  background: #252525;
@@ -4477,7 +4486,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4477
4486
  .p-menu .p-menuitem-link:focus {
4478
4487
  outline: 0 none;
4479
4488
  outline-offset: 0;
4480
- box-shadow: inset 0 0 0 0.2rem white;
4489
+ box-shadow: inset 0 0 0 0.15rem white;
4481
4490
  }
4482
4491
  .p-menu.p-menu-overlay {
4483
4492
  background: #252525;
@@ -4543,7 +4552,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4543
4552
  .p-menubar .p-menuitem-link:focus {
4544
4553
  outline: 0 none;
4545
4554
  outline-offset: 0;
4546
- box-shadow: inset 0 0 0 0.2rem white;
4555
+ box-shadow: inset 0 0 0 0.15rem white;
4547
4556
  }
4548
4557
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4549
4558
  padding: 0.857rem;
@@ -4578,7 +4587,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4578
4587
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4579
4588
  outline: 0 none;
4580
4589
  outline-offset: 0;
4581
- box-shadow: inset 0 0 0 0.2rem white;
4590
+ box-shadow: inset 0 0 0 0.15rem white;
4582
4591
  }
4583
4592
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4584
4593
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4699,7 +4708,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4699
4708
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4700
4709
  outline: 0 none;
4701
4710
  outline-offset: 0;
4702
- box-shadow: inset 0 0 0 0.2rem white;
4711
+ box-shadow: inset 0 0 0 0.15rem white;
4703
4712
  }
4704
4713
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4705
4714
  margin-left: auto;
@@ -4832,7 +4841,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4832
4841
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4833
4842
  outline: 0 none;
4834
4843
  outline-offset: 0;
4835
- box-shadow: inset 0 0 0 0.2rem white;
4844
+ box-shadow: inset 0 0 0 0.15rem white;
4836
4845
  }
4837
4846
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4838
4847
  margin-right: 0.5rem;
@@ -4884,7 +4893,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4884
4893
  .p-slidemenu .p-menuitem-link:focus {
4885
4894
  outline: 0 none;
4886
4895
  outline-offset: 0;
4887
- box-shadow: inset 0 0 0 0.2rem white;
4896
+ box-shadow: inset 0 0 0 0.15rem white;
4888
4897
  }
4889
4898
  .p-slidemenu.p-slidemenu-overlay {
4890
4899
  background: #252525;
@@ -5043,7 +5052,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5043
5052
  .p-tieredmenu .p-menuitem-link:focus {
5044
5053
  outline: 0 none;
5045
5054
  outline-offset: 0;
5046
- box-shadow: inset 0 0 0 0.2rem white;
5055
+ box-shadow: inset 0 0 0 0.15rem white;
5047
5056
  }
5048
5057
  .p-tieredmenu.p-tieredmenu-overlay {
5049
5058
  background: #252525;
package/resources/themes/luna-blue/theme.css CHANGED
@@ -576,7 +576,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
576
576
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
577
577
  outline: 0 none;
578
578
  outline-offset: 0;
579
- box-shadow: inset 0 0 0 0.2rem white;
579
+ box-shadow: inset 0 0 0 0.15rem white;
580
580
  }
581
581
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
582
582
  color: #212529;
@@ -836,6 +836,9 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
836
836
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
837
837
  background-color: #4b4b4b;
838
838
  }
839
+ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
840
+ background-color: transparent;
841
+ }
839
842
 
840
843
  .p-editor-container .p-editor-toolbar {
841
844
  background: #191919;
@@ -1204,7 +1207,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1204
1207
  .p-listbox .p-listbox-list .p-listbox-item:focus {
1205
1208
  outline: 0 none;
1206
1209
  outline-offset: 0;
1207
- box-shadow: inset 0 0 0 0.2rem white;
1210
+ box-shadow: inset 0 0 0 0.15rem white;
1208
1211
  }
1209
1212
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1210
1213
  margin-right: 0.5rem;
@@ -1346,7 +1349,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1346
1349
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1347
1350
  outline: 0 none;
1348
1351
  outline-offset: 0;
1349
- box-shadow: inset 0 0 0 0.2rem white;
1352
+ box-shadow: inset 0 0 0 0.15rem white;
1350
1353
  }
1351
1354
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1352
1355
  margin-right: 0.5rem;
@@ -2359,14 +2362,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2359
2362
  color: #212529;
2360
2363
  }
2361
2364
  .p-datatable .p-sortable-column:focus {
2362
- box-shadow: inset 0 0 0 0.2rem white;
2365
+ box-shadow: inset 0 0 0 0.15rem white;
2363
2366
  outline: 0 none;
2364
2367
  }
2365
2368
  .p-datatable .p-datatable-tbody > tr {
2366
2369
  background: #323232;
2367
2370
  color: #dedede;
2368
2371
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
2369
- outline-color: white;
2370
2372
  }
2371
2373
  .p-datatable .p-datatable-tbody > tr > td {
2372
2374
  text-align: left;
@@ -2405,6 +2407,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2405
2407
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2406
2408
  margin-right: 0.5rem;
2407
2409
  }
2410
+ .p-datatable .p-datatable-tbody > tr:focus {
2411
+ outline: 0.15rem solid white;
2412
+ outline-offset: 0.15rem;
2413
+ }
2408
2414
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2409
2415
  background: #81D4FA;
2410
2416
  color: #212529;
@@ -2625,7 +2631,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2625
2631
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2626
2632
  outline: 0 none;
2627
2633
  outline-offset: 0;
2628
- box-shadow: inset 0 0 0 0.2rem white;
2634
+ box-shadow: inset 0 0 0 0.15rem white;
2629
2635
  }
2630
2636
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2631
2637
  border-top: 1px solid #4b4b4b;
@@ -3000,7 +3006,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3000
3006
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
3001
3007
  outline: 0 none;
3002
3008
  outline-offset: 0;
3003
- box-shadow: inset 0 0 0 0.2rem white;
3009
+ box-shadow: inset 0 0 0 0.15rem white;
3004
3010
  }
3005
3011
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
3006
3012
  color: #212529;
@@ -3195,7 +3201,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3195
3201
  .p-picklist .p-picklist-list .p-picklist-item:focus {
3196
3202
  outline: 0 none;
3197
3203
  outline-offset: 0;
3198
- box-shadow: inset 0 0 0 0.2rem white;
3204
+ box-shadow: inset 0 0 0 0.15rem white;
3199
3205
  }
3200
3206
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3201
3207
  color: #212529;
@@ -3292,7 +3298,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3292
3298
  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3293
3299
  outline: 0 none;
3294
3300
  outline-offset: 0;
3295
- box-shadow: 0 0 0 0.1rem white;
3301
+ box-shadow: inset 0 0 0 0.15rem white;
3296
3302
  }
3297
3303
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3298
3304
  background: #81D4FA;
@@ -3450,7 +3456,6 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3450
3456
  background: #323232;
3451
3457
  color: #dedede;
3452
3458
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3453
- outline-color: white;
3454
3459
  }
3455
3460
  .p-treetable .p-treetable-tbody > tr > td {
3456
3461
  text-align: left;
@@ -3484,6 +3489,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3484
3489
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3485
3490
  color: #dedede;
3486
3491
  }
3492
+ .p-treetable .p-treetable-tbody > tr:focus {
3493
+ outline: 0.15rem solid white;
3494
+ outline-offset: -0.15rem;
3495
+ }
3487
3496
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3488
3497
  background: #81D4FA;
3489
3498
  color: #212529;
@@ -4204,7 +4213,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4204
4213
  .p-contextmenu .p-menuitem-link:focus {
4205
4214
  outline: 0 none;
4206
4215
  outline-offset: 0;
4207
- box-shadow: inset 0 0 0 0.2rem white;
4216
+ box-shadow: inset 0 0 0 0.15rem white;
4208
4217
  }
4209
4218
  .p-contextmenu .p-submenu-list {
4210
4219
  padding: 0;
@@ -4336,7 +4345,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4336
4345
  .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4337
4346
  outline: 0 none;
4338
4347
  outline-offset: 0;
4339
- box-shadow: inset 0 0 0 0.2rem white;
4348
+ box-shadow: inset 0 0 0 0.15rem white;
4340
4349
  }
4341
4350
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4342
4351
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4386,7 +4395,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4386
4395
  .p-megamenu .p-menuitem-link:focus {
4387
4396
  outline: 0 none;
4388
4397
  outline-offset: 0;
4389
- box-shadow: inset 0 0 0 0.2rem white;
4398
+ box-shadow: inset 0 0 0 0.15rem white;
4390
4399
  }
4391
4400
  .p-megamenu .p-megamenu-panel {
4392
4401
  background: #252525;
@@ -4477,7 +4486,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4477
4486
  .p-menu .p-menuitem-link:focus {
4478
4487
  outline: 0 none;
4479
4488
  outline-offset: 0;
4480
- box-shadow: inset 0 0 0 0.2rem white;
4489
+ box-shadow: inset 0 0 0 0.15rem white;
4481
4490
  }
4482
4491
  .p-menu.p-menu-overlay {
4483
4492
  background: #252525;
@@ -4543,7 +4552,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4543
4552
  .p-menubar .p-menuitem-link:focus {
4544
4553
  outline: 0 none;
4545
4554
  outline-offset: 0;
4546
- box-shadow: inset 0 0 0 0.2rem white;
4555
+ box-shadow: inset 0 0 0 0.15rem white;
4547
4556
  }
4548
4557
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4549
4558
  padding: 0.857rem;
@@ -4578,7 +4587,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4578
4587
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4579
4588
  outline: 0 none;
4580
4589
  outline-offset: 0;
4581
- box-shadow: inset 0 0 0 0.2rem white;
4590
+ box-shadow: inset 0 0 0 0.15rem white;
4582
4591
  }
4583
4592
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4584
4593
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4699,7 +4708,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4699
4708
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4700
4709
  outline: 0 none;
4701
4710
  outline-offset: 0;
4702
- box-shadow: inset 0 0 0 0.2rem white;
4711
+ box-shadow: inset 0 0 0 0.15rem white;
4703
4712
  }
4704
4713
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4705
4714
  margin-left: auto;
@@ -4832,7 +4841,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4832
4841
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4833
4842
  outline: 0 none;
4834
4843
  outline-offset: 0;
4835
- box-shadow: inset 0 0 0 0.2rem white;
4844
+ box-shadow: inset 0 0 0 0.15rem white;
4836
4845
  }
4837
4846
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4838
4847
  margin-right: 0.5rem;
@@ -4884,7 +4893,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4884
4893
  .p-slidemenu .p-menuitem-link:focus {
4885
4894
  outline: 0 none;
4886
4895
  outline-offset: 0;
4887
- box-shadow: inset 0 0 0 0.2rem white;
4896
+ box-shadow: inset 0 0 0 0.15rem white;
4888
4897
  }
4889
4898
  .p-slidemenu.p-slidemenu-overlay {
4890
4899
  background: #252525;
@@ -5043,7 +5052,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5043
5052
  .p-tieredmenu .p-menuitem-link:focus {
5044
5053
  outline: 0 none;
5045
5054
  outline-offset: 0;
5046
- box-shadow: inset 0 0 0 0.2rem white;
5055
+ box-shadow: inset 0 0 0 0.15rem white;
5047
5056
  }
5048
5057
  .p-tieredmenu.p-tieredmenu-overlay {
5049
5058
  background: #252525;