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-blue/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 #BFDBFE;
614
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
615
615
  }
616
616
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
617
617
  color: #3B82F6;
@@ -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 #BFDBFE;
1241
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
1383
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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: #3B82F6;
2383
2386
  }
2384
2387
  .p-datatable .p-sortable-column:focus {
2385
- box-shadow: inset 0 0 0 1px #BFDBFE;
2388
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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: #BFDBFE;
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 #BFDBFE;
2435
+ outline-offset: 0.15rem;
2436
+ }
2431
2437
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2432
2438
  background: #EFF6FF;
2433
2439
  color: #3B82F6;
@@ -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 #BFDBFE;
2657
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
3032
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
3027
3033
  }
3028
3034
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
3029
3035
  color: #3B82F6;
@@ -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 #BFDBFE;
3227
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
3222
3228
  }
3223
3229
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3224
3230
  color: #3B82F6;
@@ -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 #BFDBFE;
3324
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
3319
3325
  }
3320
3326
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3321
3327
  background: #EFF6FF;
@@ -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: #BFDBFE;
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 #BFDBFE;
3517
+ outline-offset: -0.15rem;
3518
+ }
3510
3519
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3511
3520
  background: #EFF6FF;
3512
3521
  color: #3B82F6;
@@ -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 #BFDBFE;
4239
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4371
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4421
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4512
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4578
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4613
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4734
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4867
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
4919
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #BFDBFE;
5078
+ box-shadow: inset 0 0 0 0.15rem #BFDBFE;
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 #3B82F6;
5722
+ }
5723
+ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
5724
+ box-shadow: inset 0 -2px 0 0 #3B82F6;
5725
+ }
package/resources/themes/lara-light-indigo/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 #C7D2FE;
614
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
615
615
  }
616
616
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
617
617
  color: #4338CA;
@@ -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 #C7D2FE;
1241
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
1383
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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: #4338CA;
2383
2386
  }
2384
2387
  .p-datatable .p-sortable-column:focus {
2385
- box-shadow: inset 0 0 0 1px #C7D2FE;
2388
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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: #C7D2FE;
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 #C7D2FE;
2435
+ outline-offset: 0.15rem;
2436
+ }
2431
2437
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2432
2438
  background: #EEF2FF;
2433
2439
  color: #4338CA;
@@ -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 #C7D2FE;
2657
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
3032
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
3027
3033
  }
3028
3034
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
3029
3035
  color: #4338CA;
@@ -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 #C7D2FE;
3227
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
3222
3228
  }
3223
3229
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3224
3230
  color: #4338CA;
@@ -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 #C7D2FE;
3324
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
3319
3325
  }
3320
3326
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3321
3327
  background: #EEF2FF;
@@ -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: #C7D2FE;
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 #C7D2FE;
3517
+ outline-offset: -0.15rem;
3518
+ }
3510
3519
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3511
3520
  background: #EEF2FF;
3512
3521
  color: #4338CA;
@@ -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 #C7D2FE;
4239
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4371
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4421
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4512
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4578
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4613
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4734
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4867
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
4919
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #C7D2FE;
5078
+ box-shadow: inset 0 0 0 0.15rem #C7D2FE;
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 #6366F1;
5722
+ }
5723
+ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
5724
+ box-shadow: inset 0 -2px 0 0 #6366F1;
5725
+ }
package/resources/themes/lara-light-purple/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 #DDD6FE;
614
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
615
615
  }
616
616
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
617
617
  color: #6D28D9;
@@ -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 #DDD6FE;
1241
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
1383
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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: #6D28D9;
2383
2386
  }
2384
2387
  .p-datatable .p-sortable-column:focus {
2385
- box-shadow: inset 0 0 0 1px #DDD6FE;
2388
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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: #DDD6FE;
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 #DDD6FE;
2435
+ outline-offset: 0.15rem;
2436
+ }
2431
2437
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2432
2438
  background: #F5F3FF;
2433
2439
  color: #6D28D9;
@@ -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 #DDD6FE;
2657
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
3032
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
3027
3033
  }
3028
3034
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
3029
3035
  color: #6D28D9;
@@ -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 #DDD6FE;
3227
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
3222
3228
  }
3223
3229
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3224
3230
  color: #6D28D9;
@@ -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 #DDD6FE;
3324
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
3319
3325
  }
3320
3326
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3321
3327
  background: #F5F3FF;
@@ -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: #DDD6FE;
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 #DDD6FE;
3517
+ outline-offset: -0.15rem;
3518
+ }
3510
3519
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3511
3520
  background: #F5F3FF;
3512
3521
  color: #6D28D9;
@@ -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 #DDD6FE;
4239
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4371
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4421
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4512
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4578
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4613
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4734
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4867
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
4919
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #DDD6FE;
5078
+ box-shadow: inset 0 0 0 0.15rem #DDD6FE;
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 #8B5CF6;
5722
+ }
5723
+ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
5724
+ box-shadow: inset 0 -2px 0 0 #8B5CF6;
5725
+ }