primeng 13.0.4 → 13.1.0

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 (132) hide show
  1. package/calendar/calendar.d.ts +2 -0
  2. package/contextmenu/contextmenu.d.ts +2 -0
  3. package/esm2020/calendar/calendar.mjs +30 -15
  4. package/esm2020/cascadeselect/cascadeselect.mjs +3 -3
  5. package/esm2020/chip/chip.mjs +2 -2
  6. package/esm2020/contextmenu/contextmenu.mjs +13 -2
  7. package/esm2020/dropdown/dropdown.mjs +3 -3
  8. package/esm2020/fileupload/fileupload.mjs +2 -2
  9. package/esm2020/galleria/galleria.mjs +3 -3
  10. package/esm2020/megamenu/megamenu.mjs +2 -2
  11. package/esm2020/multiselect/multiselect.mjs +3 -4
  12. package/esm2020/organizationchart/organizationchart.mjs +3 -3
  13. package/esm2020/slidemenu/slidemenu.mjs +3 -3
  14. package/esm2020/steps/steps.mjs +7 -6
  15. package/esm2020/table/table.mjs +22 -40
  16. package/esm2020/tabmenu/tabmenu.mjs +9 -5
  17. package/esm2020/timeline/timeline.mjs +2 -2
  18. package/esm2020/tree/tree.mjs +3 -3
  19. package/esm2020/treetable/treetable.mjs +3 -3
  20. package/esm2020/utils/objectutils.mjs +9 -1
  21. package/fesm2015/primeng-calendar.mjs +29 -14
  22. package/fesm2015/primeng-calendar.mjs.map +1 -1
  23. package/fesm2015/primeng-cascadeselect.mjs +2 -2
  24. package/fesm2015/primeng-cascadeselect.mjs.map +1 -1
  25. package/fesm2015/primeng-chip.mjs +2 -2
  26. package/fesm2015/primeng-contextmenu.mjs +12 -1
  27. package/fesm2015/primeng-contextmenu.mjs.map +1 -1
  28. package/fesm2015/primeng-dropdown.mjs +2 -2
  29. package/fesm2015/primeng-dropdown.mjs.map +1 -1
  30. package/fesm2015/primeng-fileupload.mjs +2 -2
  31. package/fesm2015/primeng-galleria.mjs +2 -2
  32. package/fesm2015/primeng-galleria.mjs.map +1 -1
  33. package/fesm2015/primeng-megamenu.mjs +1 -1
  34. package/fesm2015/primeng-megamenu.mjs.map +1 -1
  35. package/fesm2015/primeng-multiselect.mjs +2 -3
  36. package/fesm2015/primeng-multiselect.mjs.map +1 -1
  37. package/fesm2015/primeng-organizationchart.mjs +2 -2
  38. package/fesm2015/primeng-organizationchart.mjs.map +1 -1
  39. package/fesm2015/primeng-slidemenu.mjs +2 -2
  40. package/fesm2015/primeng-slidemenu.mjs.map +1 -1
  41. package/fesm2015/primeng-steps.mjs +6 -5
  42. package/fesm2015/primeng-steps.mjs.map +1 -1
  43. package/fesm2015/primeng-table.mjs +21 -39
  44. package/fesm2015/primeng-table.mjs.map +1 -1
  45. package/fesm2015/primeng-tabmenu.mjs +8 -4
  46. package/fesm2015/primeng-tabmenu.mjs.map +1 -1
  47. package/fesm2015/primeng-timeline.mjs +2 -2
  48. package/fesm2015/primeng-tree.mjs +2 -2
  49. package/fesm2015/primeng-tree.mjs.map +1 -1
  50. package/fesm2015/primeng-treetable.mjs +2 -2
  51. package/fesm2015/primeng-treetable.mjs.map +1 -1
  52. package/fesm2015/primeng-utils.mjs +8 -0
  53. package/fesm2015/primeng-utils.mjs.map +1 -1
  54. package/fesm2020/primeng-calendar.mjs +29 -14
  55. package/fesm2020/primeng-calendar.mjs.map +1 -1
  56. package/fesm2020/primeng-cascadeselect.mjs +2 -2
  57. package/fesm2020/primeng-cascadeselect.mjs.map +1 -1
  58. package/fesm2020/primeng-chip.mjs +2 -2
  59. package/fesm2020/primeng-contextmenu.mjs +12 -1
  60. package/fesm2020/primeng-contextmenu.mjs.map +1 -1
  61. package/fesm2020/primeng-dropdown.mjs +2 -2
  62. package/fesm2020/primeng-dropdown.mjs.map +1 -1
  63. package/fesm2020/primeng-fileupload.mjs +2 -2
  64. package/fesm2020/primeng-galleria.mjs +2 -2
  65. package/fesm2020/primeng-galleria.mjs.map +1 -1
  66. package/fesm2020/primeng-megamenu.mjs +1 -1
  67. package/fesm2020/primeng-megamenu.mjs.map +1 -1
  68. package/fesm2020/primeng-multiselect.mjs +2 -3
  69. package/fesm2020/primeng-multiselect.mjs.map +1 -1
  70. package/fesm2020/primeng-organizationchart.mjs +2 -2
  71. package/fesm2020/primeng-organizationchart.mjs.map +1 -1
  72. package/fesm2020/primeng-slidemenu.mjs +2 -2
  73. package/fesm2020/primeng-slidemenu.mjs.map +1 -1
  74. package/fesm2020/primeng-steps.mjs +6 -5
  75. package/fesm2020/primeng-steps.mjs.map +1 -1
  76. package/fesm2020/primeng-table.mjs +21 -39
  77. package/fesm2020/primeng-table.mjs.map +1 -1
  78. package/fesm2020/primeng-tabmenu.mjs +8 -4
  79. package/fesm2020/primeng-tabmenu.mjs.map +1 -1
  80. package/fesm2020/primeng-timeline.mjs +2 -2
  81. package/fesm2020/primeng-tree.mjs +2 -2
  82. package/fesm2020/primeng-tree.mjs.map +1 -1
  83. package/fesm2020/primeng-treetable.mjs +2 -2
  84. package/fesm2020/primeng-treetable.mjs.map +1 -1
  85. package/fesm2020/primeng-utils.mjs +8 -0
  86. package/fesm2020/primeng-utils.mjs.map +1 -1
  87. package/package.json +1 -1
  88. package/resources/components/table/table.css +1 -1
  89. package/resources/components/tree/tree.css +1 -0
  90. package/resources/themes/arya-blue/theme.css +29 -20
  91. package/resources/themes/arya-green/theme.css +29 -20
  92. package/resources/themes/arya-orange/theme.css +29 -20
  93. package/resources/themes/arya-purple/theme.css +29 -20
  94. package/resources/themes/bootstrap4-dark-blue/theme.css +12 -3
  95. package/resources/themes/bootstrap4-dark-purple/theme.css +12 -3
  96. package/resources/themes/bootstrap4-light-blue/theme.css +12 -3
  97. package/resources/themes/bootstrap4-light-purple/theme.css +12 -3
  98. package/resources/themes/fluent-light/theme.css +29 -20
  99. package/resources/themes/lara-dark-blue/theme.css +29 -20
  100. package/resources/themes/lara-dark-indigo/theme.css +29 -20
  101. package/resources/themes/lara-dark-purple/theme.css +29 -20
  102. package/resources/themes/lara-dark-teal/theme.css +29 -20
  103. package/resources/themes/lara-light-blue/theme.css +29 -20
  104. package/resources/themes/lara-light-indigo/theme.css +29 -20
  105. package/resources/themes/lara-light-purple/theme.css +29 -20
  106. package/resources/themes/lara-light-teal/theme.css +29 -20
  107. package/resources/themes/luna-amber/theme.css +29 -20
  108. package/resources/themes/luna-blue/theme.css +29 -20
  109. package/resources/themes/luna-green/theme.css +29 -20
  110. package/resources/themes/luna-pink/theme.css +29 -20
  111. package/resources/themes/md-dark-deeppurple/theme.css +11 -2
  112. package/resources/themes/md-dark-indigo/theme.css +11 -2
  113. package/resources/themes/md-light-deeppurple/theme.css +12 -3
  114. package/resources/themes/md-light-indigo/theme.css +12 -3
  115. package/resources/themes/mdc-dark-deeppurple/theme.css +11 -2
  116. package/resources/themes/mdc-dark-indigo/theme.css +11 -2
  117. package/resources/themes/mdc-light-deeppurple/theme.css +12 -3
  118. package/resources/themes/mdc-light-indigo/theme.css +12 -3
  119. package/resources/themes/nova/theme.css +29 -20
  120. package/resources/themes/nova-accent/theme.css +29 -20
  121. package/resources/themes/nova-alt/theme.css +29 -20
  122. package/resources/themes/rhea/theme.css +29 -20
  123. package/resources/themes/saga-blue/theme.css +12 -3
  124. package/resources/themes/saga-green/theme.css +12 -3
  125. package/resources/themes/saga-orange/theme.css +12 -3
  126. package/resources/themes/saga-purple/theme.css +12 -3
  127. package/resources/themes/tailwind-light/theme.css +32 -23
  128. package/resources/themes/vela-blue/theme.css +29 -20
  129. package/resources/themes/vela-green/theme.css +29 -20
  130. package/resources/themes/vela-orange/theme.css +29 -20
  131. package/resources/themes/vela-purple/theme.css +29 -20
  132. package/utils/objectutils.d.ts +2 -0
package/resources/themes/vela-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 1px #93cbf9;
579
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
580
580
  }
581
581
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
582
582
  color: rgba(255, 255, 255, 0.87);
@@ -832,6 +832,9 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
832
832
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
833
833
  background-color: #304562;
834
834
  }
835
+ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
836
+ background-color: transparent;
837
+ }
835
838
 
836
839
  .p-editor-container .p-editor-toolbar {
837
840
  background: #1f2d40;
@@ -1200,7 +1203,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1200
1203
  .p-listbox .p-listbox-list .p-listbox-item:focus {
1201
1204
  outline: 0 none;
1202
1205
  outline-offset: 0;
1203
- box-shadow: inset 0 0 0 1px #93cbf9;
1206
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
1204
1207
  }
1205
1208
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1206
1209
  margin-right: 0.5rem;
@@ -1342,7 +1345,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1342
1345
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1343
1346
  outline: 0 none;
1344
1347
  outline-offset: 0;
1345
- box-shadow: inset 0 0 0 1px #93cbf9;
1348
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
1346
1349
  }
1347
1350
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1348
1351
  margin-right: 0.5rem;
@@ -2347,14 +2350,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2347
2350
  color: #64B5F6;
2348
2351
  }
2349
2352
  .p-datatable .p-sortable-column:focus {
2350
- box-shadow: inset 0 0 0 1px #93cbf9;
2353
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
2351
2354
  outline: 0 none;
2352
2355
  }
2353
2356
  .p-datatable .p-datatable-tbody > tr {
2354
2357
  background: #1f2d40;
2355
2358
  color: rgba(255, 255, 255, 0.87);
2356
2359
  transition: box-shadow 0.2s;
2357
- outline-color: #93cbf9;
2358
2360
  }
2359
2361
  .p-datatable .p-datatable-tbody > tr > td {
2360
2362
  text-align: left;
@@ -2393,6 +2395,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2393
2395
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2394
2396
  margin-right: 0.5rem;
2395
2397
  }
2398
+ .p-datatable .p-datatable-tbody > tr:focus {
2399
+ outline: 0.15rem solid #93cbf9;
2400
+ outline-offset: 0.15rem;
2401
+ }
2396
2402
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2397
2403
  background: rgba(100, 181, 246, 0.16);
2398
2404
  color: rgba(255, 255, 255, 0.87);
@@ -2613,7 +2619,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2613
2619
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2614
2620
  outline: 0 none;
2615
2621
  outline-offset: 0;
2616
- box-shadow: inset 0 0 0 1px #93cbf9;
2622
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
2617
2623
  }
2618
2624
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2619
2625
  border-top: 1px solid #304562;
@@ -2988,7 +2994,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2988
2994
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
2989
2995
  outline: 0 none;
2990
2996
  outline-offset: 0;
2991
- box-shadow: inset 0 0 0 1px #93cbf9;
2997
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
2992
2998
  }
2993
2999
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2994
3000
  color: rgba(255, 255, 255, 0.87);
@@ -3183,7 +3189,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3183
3189
  .p-picklist .p-picklist-list .p-picklist-item:focus {
3184
3190
  outline: 0 none;
3185
3191
  outline-offset: 0;
3186
- box-shadow: inset 0 0 0 1px #93cbf9;
3192
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
3187
3193
  }
3188
3194
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3189
3195
  color: rgba(255, 255, 255, 0.87);
@@ -3280,7 +3286,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3280
3286
  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3281
3287
  outline: 0 none;
3282
3288
  outline-offset: 0;
3283
- box-shadow: 0 0 0 1px #93cbf9;
3289
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
3284
3290
  }
3285
3291
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3286
3292
  background: rgba(100, 181, 246, 0.16);
@@ -3438,7 +3444,6 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3438
3444
  background: #1f2d40;
3439
3445
  color: rgba(255, 255, 255, 0.87);
3440
3446
  transition: box-shadow 0.2s;
3441
- outline-color: #93cbf9;
3442
3447
  }
3443
3448
  .p-treetable .p-treetable-tbody > tr > td {
3444
3449
  text-align: left;
@@ -3472,6 +3477,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3472
3477
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3473
3478
  color: rgba(255, 255, 255, 0.87);
3474
3479
  }
3480
+ .p-treetable .p-treetable-tbody > tr:focus {
3481
+ outline: 0.15rem solid #93cbf9;
3482
+ outline-offset: -0.15rem;
3483
+ }
3475
3484
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3476
3485
  background: rgba(100, 181, 246, 0.16);
3477
3486
  color: rgba(255, 255, 255, 0.87);
@@ -4216,7 +4225,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4216
4225
  .p-contextmenu .p-menuitem-link:focus {
4217
4226
  outline: 0 none;
4218
4227
  outline-offset: 0;
4219
- box-shadow: inset 0 0 0 1px #93cbf9;
4228
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4220
4229
  }
4221
4230
  .p-contextmenu .p-submenu-list {
4222
4231
  padding: 0.25rem 0;
@@ -4348,7 +4357,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4348
4357
  .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4349
4358
  outline: 0 none;
4350
4359
  outline-offset: 0;
4351
- box-shadow: inset 0 0 0 1px #93cbf9;
4360
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4352
4361
  }
4353
4362
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4354
4363
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4398,7 +4407,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4398
4407
  .p-megamenu .p-menuitem-link:focus {
4399
4408
  outline: 0 none;
4400
4409
  outline-offset: 0;
4401
- box-shadow: inset 0 0 0 1px #93cbf9;
4410
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4402
4411
  }
4403
4412
  .p-megamenu .p-megamenu-panel {
4404
4413
  background: #1f2d40;
@@ -4489,7 +4498,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4489
4498
  .p-menu .p-menuitem-link:focus {
4490
4499
  outline: 0 none;
4491
4500
  outline-offset: 0;
4492
- box-shadow: inset 0 0 0 1px #93cbf9;
4501
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4493
4502
  }
4494
4503
  .p-menu.p-menu-overlay {
4495
4504
  background: #1f2d40;
@@ -4555,7 +4564,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4555
4564
  .p-menubar .p-menuitem-link:focus {
4556
4565
  outline: 0 none;
4557
4566
  outline-offset: 0;
4558
- box-shadow: inset 0 0 0 1px #93cbf9;
4567
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4559
4568
  }
4560
4569
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4561
4570
  padding: 0.75rem 1rem;
@@ -4590,7 +4599,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4590
4599
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4591
4600
  outline: 0 none;
4592
4601
  outline-offset: 0;
4593
- box-shadow: inset 0 0 0 1px #93cbf9;
4602
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4594
4603
  }
4595
4604
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4596
4605
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4711,7 +4720,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4711
4720
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4712
4721
  outline: 0 none;
4713
4722
  outline-offset: 0;
4714
- box-shadow: inset 0 0 0 1px #93cbf9;
4723
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4715
4724
  }
4716
4725
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4717
4726
  margin-left: auto;
@@ -4844,7 +4853,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4844
4853
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4845
4854
  outline: 0 none;
4846
4855
  outline-offset: 0;
4847
- box-shadow: inset 0 0 0 1px #93cbf9;
4856
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4848
4857
  }
4849
4858
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4850
4859
  margin-right: 0.5rem;
@@ -4920,7 +4929,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4920
4929
  .p-slidemenu .p-menuitem-link:focus {
4921
4930
  outline: 0 none;
4922
4931
  outline-offset: 0;
4923
- box-shadow: inset 0 0 0 1px #93cbf9;
4932
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
4924
4933
  }
4925
4934
  .p-slidemenu.p-slidemenu-overlay {
4926
4935
  background: #1f2d40;
@@ -5079,7 +5088,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5079
5088
  .p-tieredmenu .p-menuitem-link:focus {
5080
5089
  outline: 0 none;
5081
5090
  outline-offset: 0;
5082
- box-shadow: inset 0 0 0 1px #93cbf9;
5091
+ box-shadow: inset 0 0 0 0.15rem #93cbf9;
5083
5092
  }
5084
5093
  .p-tieredmenu.p-tieredmenu-overlay {
5085
5094
  background: #1f2d40;
package/resources/themes/vela-green/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 1px #a7d8a9;
579
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
580
580
  }
581
581
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
582
582
  color: rgba(255, 255, 255, 0.87);
@@ -832,6 +832,9 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
832
832
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
833
833
  background-color: #304562;
834
834
  }
835
+ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
836
+ background-color: transparent;
837
+ }
835
838
 
836
839
  .p-editor-container .p-editor-toolbar {
837
840
  background: #1f2d40;
@@ -1200,7 +1203,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1200
1203
  .p-listbox .p-listbox-list .p-listbox-item:focus {
1201
1204
  outline: 0 none;
1202
1205
  outline-offset: 0;
1203
- box-shadow: inset 0 0 0 1px #a7d8a9;
1206
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
1204
1207
  }
1205
1208
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1206
1209
  margin-right: 0.5rem;
@@ -1342,7 +1345,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1342
1345
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1343
1346
  outline: 0 none;
1344
1347
  outline-offset: 0;
1345
- box-shadow: inset 0 0 0 1px #a7d8a9;
1348
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
1346
1349
  }
1347
1350
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1348
1351
  margin-right: 0.5rem;
@@ -2347,14 +2350,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2347
2350
  color: #81C784;
2348
2351
  }
2349
2352
  .p-datatable .p-sortable-column:focus {
2350
- box-shadow: inset 0 0 0 1px #a7d8a9;
2353
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
2351
2354
  outline: 0 none;
2352
2355
  }
2353
2356
  .p-datatable .p-datatable-tbody > tr {
2354
2357
  background: #1f2d40;
2355
2358
  color: rgba(255, 255, 255, 0.87);
2356
2359
  transition: box-shadow 0.2s;
2357
- outline-color: #a7d8a9;
2358
2360
  }
2359
2361
  .p-datatable .p-datatable-tbody > tr > td {
2360
2362
  text-align: left;
@@ -2393,6 +2395,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2393
2395
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2394
2396
  margin-right: 0.5rem;
2395
2397
  }
2398
+ .p-datatable .p-datatable-tbody > tr:focus {
2399
+ outline: 0.15rem solid #a7d8a9;
2400
+ outline-offset: 0.15rem;
2401
+ }
2396
2402
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2397
2403
  background: rgba(129, 199, 132, 0.16);
2398
2404
  color: rgba(255, 255, 255, 0.87);
@@ -2613,7 +2619,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2613
2619
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2614
2620
  outline: 0 none;
2615
2621
  outline-offset: 0;
2616
- box-shadow: inset 0 0 0 1px #a7d8a9;
2622
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
2617
2623
  }
2618
2624
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2619
2625
  border-top: 1px solid #304562;
@@ -2988,7 +2994,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2988
2994
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
2989
2995
  outline: 0 none;
2990
2996
  outline-offset: 0;
2991
- box-shadow: inset 0 0 0 1px #a7d8a9;
2997
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
2992
2998
  }
2993
2999
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2994
3000
  color: rgba(255, 255, 255, 0.87);
@@ -3183,7 +3189,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3183
3189
  .p-picklist .p-picklist-list .p-picklist-item:focus {
3184
3190
  outline: 0 none;
3185
3191
  outline-offset: 0;
3186
- box-shadow: inset 0 0 0 1px #a7d8a9;
3192
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
3187
3193
  }
3188
3194
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3189
3195
  color: rgba(255, 255, 255, 0.87);
@@ -3280,7 +3286,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3280
3286
  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3281
3287
  outline: 0 none;
3282
3288
  outline-offset: 0;
3283
- box-shadow: 0 0 0 1px #a7d8a9;
3289
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
3284
3290
  }
3285
3291
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3286
3292
  background: rgba(129, 199, 132, 0.16);
@@ -3438,7 +3444,6 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3438
3444
  background: #1f2d40;
3439
3445
  color: rgba(255, 255, 255, 0.87);
3440
3446
  transition: box-shadow 0.2s;
3441
- outline-color: #a7d8a9;
3442
3447
  }
3443
3448
  .p-treetable .p-treetable-tbody > tr > td {
3444
3449
  text-align: left;
@@ -3472,6 +3477,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3472
3477
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3473
3478
  color: rgba(255, 255, 255, 0.87);
3474
3479
  }
3480
+ .p-treetable .p-treetable-tbody > tr:focus {
3481
+ outline: 0.15rem solid #a7d8a9;
3482
+ outline-offset: -0.15rem;
3483
+ }
3475
3484
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3476
3485
  background: rgba(129, 199, 132, 0.16);
3477
3486
  color: rgba(255, 255, 255, 0.87);
@@ -4216,7 +4225,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4216
4225
  .p-contextmenu .p-menuitem-link:focus {
4217
4226
  outline: 0 none;
4218
4227
  outline-offset: 0;
4219
- box-shadow: inset 0 0 0 1px #a7d8a9;
4228
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4220
4229
  }
4221
4230
  .p-contextmenu .p-submenu-list {
4222
4231
  padding: 0.25rem 0;
@@ -4348,7 +4357,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4348
4357
  .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4349
4358
  outline: 0 none;
4350
4359
  outline-offset: 0;
4351
- box-shadow: inset 0 0 0 1px #a7d8a9;
4360
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4352
4361
  }
4353
4362
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4354
4363
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4398,7 +4407,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4398
4407
  .p-megamenu .p-menuitem-link:focus {
4399
4408
  outline: 0 none;
4400
4409
  outline-offset: 0;
4401
- box-shadow: inset 0 0 0 1px #a7d8a9;
4410
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4402
4411
  }
4403
4412
  .p-megamenu .p-megamenu-panel {
4404
4413
  background: #1f2d40;
@@ -4489,7 +4498,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4489
4498
  .p-menu .p-menuitem-link:focus {
4490
4499
  outline: 0 none;
4491
4500
  outline-offset: 0;
4492
- box-shadow: inset 0 0 0 1px #a7d8a9;
4501
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4493
4502
  }
4494
4503
  .p-menu.p-menu-overlay {
4495
4504
  background: #1f2d40;
@@ -4555,7 +4564,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4555
4564
  .p-menubar .p-menuitem-link:focus {
4556
4565
  outline: 0 none;
4557
4566
  outline-offset: 0;
4558
- box-shadow: inset 0 0 0 1px #a7d8a9;
4567
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4559
4568
  }
4560
4569
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4561
4570
  padding: 0.75rem 1rem;
@@ -4590,7 +4599,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4590
4599
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4591
4600
  outline: 0 none;
4592
4601
  outline-offset: 0;
4593
- box-shadow: inset 0 0 0 1px #a7d8a9;
4602
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4594
4603
  }
4595
4604
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4596
4605
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4711,7 +4720,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4711
4720
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4712
4721
  outline: 0 none;
4713
4722
  outline-offset: 0;
4714
- box-shadow: inset 0 0 0 1px #a7d8a9;
4723
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4715
4724
  }
4716
4725
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4717
4726
  margin-left: auto;
@@ -4844,7 +4853,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4844
4853
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4845
4854
  outline: 0 none;
4846
4855
  outline-offset: 0;
4847
- box-shadow: inset 0 0 0 1px #a7d8a9;
4856
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4848
4857
  }
4849
4858
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4850
4859
  margin-right: 0.5rem;
@@ -4920,7 +4929,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4920
4929
  .p-slidemenu .p-menuitem-link:focus {
4921
4930
  outline: 0 none;
4922
4931
  outline-offset: 0;
4923
- box-shadow: inset 0 0 0 1px #a7d8a9;
4932
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
4924
4933
  }
4925
4934
  .p-slidemenu.p-slidemenu-overlay {
4926
4935
  background: #1f2d40;
@@ -5079,7 +5088,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5079
5088
  .p-tieredmenu .p-menuitem-link:focus {
5080
5089
  outline: 0 none;
5081
5090
  outline-offset: 0;
5082
- box-shadow: inset 0 0 0 1px #a7d8a9;
5091
+ box-shadow: inset 0 0 0 0.15rem #a7d8a9;
5083
5092
  }
5084
5093
  .p-tieredmenu.p-tieredmenu-overlay {
5085
5094
  background: #1f2d40;
package/resources/themes/vela-orange/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 1px #ffe284;
579
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
580
580
  }
581
581
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
582
582
  color: rgba(255, 255, 255, 0.87);
@@ -832,6 +832,9 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
832
832
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
833
833
  background-color: #304562;
834
834
  }
835
+ .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
836
+ background-color: transparent;
837
+ }
835
838
 
836
839
  .p-editor-container .p-editor-toolbar {
837
840
  background: #1f2d40;
@@ -1200,7 +1203,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1200
1203
  .p-listbox .p-listbox-list .p-listbox-item:focus {
1201
1204
  outline: 0 none;
1202
1205
  outline-offset: 0;
1203
- box-shadow: inset 0 0 0 1px #ffe284;
1206
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
1204
1207
  }
1205
1208
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1206
1209
  margin-right: 0.5rem;
@@ -1342,7 +1345,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1342
1345
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1343
1346
  outline: 0 none;
1344
1347
  outline-offset: 0;
1345
- box-shadow: inset 0 0 0 1px #ffe284;
1348
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
1346
1349
  }
1347
1350
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1348
1351
  margin-right: 0.5rem;
@@ -2347,14 +2350,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2347
2350
  color: #FFD54F;
2348
2351
  }
2349
2352
  .p-datatable .p-sortable-column:focus {
2350
- box-shadow: inset 0 0 0 1px #ffe284;
2353
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
2351
2354
  outline: 0 none;
2352
2355
  }
2353
2356
  .p-datatable .p-datatable-tbody > tr {
2354
2357
  background: #1f2d40;
2355
2358
  color: rgba(255, 255, 255, 0.87);
2356
2359
  transition: box-shadow 0.2s;
2357
- outline-color: #ffe284;
2358
2360
  }
2359
2361
  .p-datatable .p-datatable-tbody > tr > td {
2360
2362
  text-align: left;
@@ -2393,6 +2395,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2393
2395
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2394
2396
  margin-right: 0.5rem;
2395
2397
  }
2398
+ .p-datatable .p-datatable-tbody > tr:focus {
2399
+ outline: 0.15rem solid #ffe284;
2400
+ outline-offset: 0.15rem;
2401
+ }
2396
2402
  .p-datatable .p-datatable-tbody > tr.p-highlight {
2397
2403
  background: rgba(255, 213, 79, 0.16);
2398
2404
  color: rgba(255, 255, 255, 0.87);
@@ -2613,7 +2619,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2613
2619
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2614
2620
  outline: 0 none;
2615
2621
  outline-offset: 0;
2616
- box-shadow: inset 0 0 0 1px #ffe284;
2622
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
2617
2623
  }
2618
2624
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2619
2625
  border-top: 1px solid #304562;
@@ -2988,7 +2994,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
2988
2994
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
2989
2995
  outline: 0 none;
2990
2996
  outline-offset: 0;
2991
- box-shadow: inset 0 0 0 1px #ffe284;
2997
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
2992
2998
  }
2993
2999
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2994
3000
  color: rgba(255, 255, 255, 0.87);
@@ -3183,7 +3189,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3183
3189
  .p-picklist .p-picklist-list .p-picklist-item:focus {
3184
3190
  outline: 0 none;
3185
3191
  outline-offset: 0;
3186
- box-shadow: inset 0 0 0 1px #ffe284;
3192
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
3187
3193
  }
3188
3194
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3189
3195
  color: rgba(255, 255, 255, 0.87);
@@ -3280,7 +3286,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3280
3286
  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3281
3287
  outline: 0 none;
3282
3288
  outline-offset: 0;
3283
- box-shadow: 0 0 0 1px #ffe284;
3289
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
3284
3290
  }
3285
3291
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3286
3292
  background: rgba(255, 213, 79, 0.16);
@@ -3438,7 +3444,6 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3438
3444
  background: #1f2d40;
3439
3445
  color: rgba(255, 255, 255, 0.87);
3440
3446
  transition: box-shadow 0.2s;
3441
- outline-color: #ffe284;
3442
3447
  }
3443
3448
  .p-treetable .p-treetable-tbody > tr > td {
3444
3449
  text-align: left;
@@ -3472,6 +3477,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
3472
3477
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3473
3478
  color: rgba(255, 255, 255, 0.87);
3474
3479
  }
3480
+ .p-treetable .p-treetable-tbody > tr:focus {
3481
+ outline: 0.15rem solid #ffe284;
3482
+ outline-offset: -0.15rem;
3483
+ }
3475
3484
  .p-treetable .p-treetable-tbody > tr.p-highlight {
3476
3485
  background: rgba(255, 213, 79, 0.16);
3477
3486
  color: rgba(255, 255, 255, 0.87);
@@ -4216,7 +4225,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4216
4225
  .p-contextmenu .p-menuitem-link:focus {
4217
4226
  outline: 0 none;
4218
4227
  outline-offset: 0;
4219
- box-shadow: inset 0 0 0 1px #ffe284;
4228
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4220
4229
  }
4221
4230
  .p-contextmenu .p-submenu-list {
4222
4231
  padding: 0.25rem 0;
@@ -4348,7 +4357,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4348
4357
  .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4349
4358
  outline: 0 none;
4350
4359
  outline-offset: 0;
4351
- box-shadow: inset 0 0 0 1px #ffe284;
4360
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4352
4361
  }
4353
4362
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4354
4363
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4398,7 +4407,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4398
4407
  .p-megamenu .p-menuitem-link:focus {
4399
4408
  outline: 0 none;
4400
4409
  outline-offset: 0;
4401
- box-shadow: inset 0 0 0 1px #ffe284;
4410
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4402
4411
  }
4403
4412
  .p-megamenu .p-megamenu-panel {
4404
4413
  background: #1f2d40;
@@ -4489,7 +4498,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4489
4498
  .p-menu .p-menuitem-link:focus {
4490
4499
  outline: 0 none;
4491
4500
  outline-offset: 0;
4492
- box-shadow: inset 0 0 0 1px #ffe284;
4501
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4493
4502
  }
4494
4503
  .p-menu.p-menu-overlay {
4495
4504
  background: #1f2d40;
@@ -4555,7 +4564,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4555
4564
  .p-menubar .p-menuitem-link:focus {
4556
4565
  outline: 0 none;
4557
4566
  outline-offset: 0;
4558
- box-shadow: inset 0 0 0 1px #ffe284;
4567
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4559
4568
  }
4560
4569
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4561
4570
  padding: 0.75rem 1rem;
@@ -4590,7 +4599,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4590
4599
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4591
4600
  outline: 0 none;
4592
4601
  outline-offset: 0;
4593
- box-shadow: inset 0 0 0 1px #ffe284;
4602
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4594
4603
  }
4595
4604
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4596
4605
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
@@ -4711,7 +4720,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4711
4720
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4712
4721
  outline: 0 none;
4713
4722
  outline-offset: 0;
4714
- box-shadow: inset 0 0 0 1px #ffe284;
4723
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4715
4724
  }
4716
4725
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4717
4726
  margin-left: auto;
@@ -4844,7 +4853,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4844
4853
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4845
4854
  outline: 0 none;
4846
4855
  outline-offset: 0;
4847
- box-shadow: inset 0 0 0 1px #ffe284;
4856
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4848
4857
  }
4849
4858
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4850
4859
  margin-right: 0.5rem;
@@ -4920,7 +4929,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
4920
4929
  .p-slidemenu .p-menuitem-link:focus {
4921
4930
  outline: 0 none;
4922
4931
  outline-offset: 0;
4923
- box-shadow: inset 0 0 0 1px #ffe284;
4932
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
4924
4933
  }
4925
4934
  .p-slidemenu.p-slidemenu-overlay {
4926
4935
  background: #1f2d40;
@@ -5079,7 +5088,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
5079
5088
  .p-tieredmenu .p-menuitem-link:focus {
5080
5089
  outline: 0 none;
5081
5090
  outline-offset: 0;
5082
- box-shadow: inset 0 0 0 1px #ffe284;
5091
+ box-shadow: inset 0 0 0 0.15rem #ffe284;
5083
5092
  }
5084
5093
  .p-tieredmenu.p-tieredmenu-overlay {
5085
5094
  background: #1f2d40;