primeng 17.13.0 → 17.14.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 (226) hide show
  1. package/autofocus/autofocus.d.ts +1 -1
  2. package/badge/badge.d.ts +33 -23
  3. package/button/button.d.ts +10 -3
  4. package/calendar/calendar.d.ts +9 -2
  5. package/cascadeselect/cascadeselect.d.ts +12 -6
  6. package/checkbox/checkbox.d.ts +11 -4
  7. package/chips/chips.d.ts +11 -4
  8. package/colorpicker/colorpicker.d.ts +9 -2
  9. package/dataview/dataview.d.ts +0 -1
  10. package/dialog/dialog.d.ts +2 -3
  11. package/dom/domhandler.d.ts +2 -0
  12. package/dynamicdialog/dynamicdialog-config.d.ts +5 -0
  13. package/dynamicdialog/dynamicdialog.d.ts +5 -5
  14. package/esm2022/autocomplete/autocomplete.mjs +2 -2
  15. package/esm2022/autofocus/autofocus.mjs +9 -2
  16. package/esm2022/badge/badge.mjs +126 -81
  17. package/esm2022/button/button.mjs +20 -6
  18. package/esm2022/calendar/calendar.mjs +27 -8
  19. package/esm2022/cascadeselect/cascadeselect.mjs +20 -7
  20. package/esm2022/checkbox/checkbox.mjs +20 -6
  21. package/esm2022/chips/chips.mjs +20 -6
  22. package/esm2022/colorpicker/colorpicker.mjs +20 -6
  23. package/esm2022/dataview/dataview.mjs +3 -4
  24. package/esm2022/dialog/dialog.mjs +16 -35
  25. package/esm2022/dom/domhandler.mjs +22 -8
  26. package/esm2022/dropdown/dropdown.mjs +9 -3
  27. package/esm2022/dynamicdialog/dynamicdialog-config.mjs +6 -1
  28. package/esm2022/dynamicdialog/dynamicdialog.mjs +41 -69
  29. package/esm2022/fileupload/fileupload.mjs +2 -2
  30. package/esm2022/inputmask/inputmask.mjs +17 -5
  31. package/esm2022/inputnumber/inputnumber.mjs +22 -8
  32. package/esm2022/inputotp/inputotp.mjs +27 -7
  33. package/esm2022/inputswitch/inputswitch.mjs +20 -6
  34. package/esm2022/keyfilter/keyfilter.mjs +12 -3
  35. package/esm2022/messages/messages.mjs +7 -6
  36. package/esm2022/metergroup/metergroup.interface.mjs +1 -1
  37. package/esm2022/metergroup/metergroup.mjs +12 -9
  38. package/esm2022/multiselect/multiselect.mjs +27 -8
  39. package/esm2022/orderlist/orderlist.mjs +3 -4
  40. package/esm2022/paginator/paginator.mjs +2 -2
  41. package/esm2022/password/password.mjs +20 -6
  42. package/esm2022/picklist/picklist.mjs +3 -4
  43. package/esm2022/radiobutton/radiobutton.mjs +20 -6
  44. package/esm2022/rating/rating.mjs +24 -6
  45. package/esm2022/selectbutton/selectbutton.mjs +20 -6
  46. package/esm2022/slidemenu/slidemenu.mjs +4 -3
  47. package/esm2022/slider/slider.mjs +24 -6
  48. package/esm2022/splitbutton/splitbutton.mjs +24 -6
  49. package/esm2022/table/table.mjs +15 -18
  50. package/esm2022/tabmenu/tabmenu.mjs +2 -2
  51. package/esm2022/togglebutton/togglebutton.mjs +20 -6
  52. package/esm2022/tree/tree.mjs +3 -4
  53. package/esm2022/treeselect/treeselect.mjs +20 -10
  54. package/esm2022/treetable/treetable.mjs +3 -4
  55. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +20 -6
  56. package/fesm2022/primeng-autocomplete.mjs +1 -1
  57. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  58. package/fesm2022/primeng-autofocus.mjs +8 -1
  59. package/fesm2022/primeng-autofocus.mjs.map +1 -1
  60. package/fesm2022/primeng-badge.mjs +125 -80
  61. package/fesm2022/primeng-badge.mjs.map +1 -1
  62. package/fesm2022/primeng-button.mjs +19 -5
  63. package/fesm2022/primeng-button.mjs.map +1 -1
  64. package/fesm2022/primeng-calendar.mjs +26 -7
  65. package/fesm2022/primeng-calendar.mjs.map +1 -1
  66. package/fesm2022/primeng-cascadeselect.mjs +19 -6
  67. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  68. package/fesm2022/primeng-checkbox.mjs +19 -5
  69. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  70. package/fesm2022/primeng-chips.mjs +19 -5
  71. package/fesm2022/primeng-chips.mjs.map +1 -1
  72. package/fesm2022/primeng-colorpicker.mjs +19 -5
  73. package/fesm2022/primeng-colorpicker.mjs.map +1 -1
  74. package/fesm2022/primeng-dataview.mjs +2 -3
  75. package/fesm2022/primeng-dataview.mjs.map +1 -1
  76. package/fesm2022/primeng-dialog.mjs +15 -34
  77. package/fesm2022/primeng-dialog.mjs.map +1 -1
  78. package/fesm2022/primeng-dom.mjs +21 -7
  79. package/fesm2022/primeng-dom.mjs.map +1 -1
  80. package/fesm2022/primeng-dropdown.mjs +8 -2
  81. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  82. package/fesm2022/primeng-dynamicdialog.mjs +45 -68
  83. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  84. package/fesm2022/primeng-fileupload.mjs +1 -1
  85. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  86. package/fesm2022/primeng-inputmask.mjs +16 -4
  87. package/fesm2022/primeng-inputmask.mjs.map +1 -1
  88. package/fesm2022/primeng-inputnumber.mjs +21 -7
  89. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  90. package/fesm2022/primeng-inputotp.mjs +26 -6
  91. package/fesm2022/primeng-inputotp.mjs.map +1 -1
  92. package/fesm2022/primeng-inputswitch.mjs +19 -5
  93. package/fesm2022/primeng-inputswitch.mjs.map +1 -1
  94. package/fesm2022/primeng-keyfilter.mjs +11 -2
  95. package/fesm2022/primeng-keyfilter.mjs.map +1 -1
  96. package/fesm2022/primeng-messages.mjs +6 -5
  97. package/fesm2022/primeng-messages.mjs.map +1 -1
  98. package/fesm2022/primeng-metergroup.mjs +11 -8
  99. package/fesm2022/primeng-metergroup.mjs.map +1 -1
  100. package/fesm2022/primeng-multiselect.mjs +26 -7
  101. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  102. package/fesm2022/primeng-orderlist.mjs +2 -3
  103. package/fesm2022/primeng-orderlist.mjs.map +1 -1
  104. package/fesm2022/primeng-paginator.mjs +1 -1
  105. package/fesm2022/primeng-paginator.mjs.map +1 -1
  106. package/fesm2022/primeng-password.mjs +19 -5
  107. package/fesm2022/primeng-password.mjs.map +1 -1
  108. package/fesm2022/primeng-picklist.mjs +2 -3
  109. package/fesm2022/primeng-picklist.mjs.map +1 -1
  110. package/fesm2022/primeng-radiobutton.mjs +19 -5
  111. package/fesm2022/primeng-radiobutton.mjs.map +1 -1
  112. package/fesm2022/primeng-rating.mjs +23 -5
  113. package/fesm2022/primeng-rating.mjs.map +1 -1
  114. package/fesm2022/primeng-selectbutton.mjs +19 -5
  115. package/fesm2022/primeng-selectbutton.mjs.map +1 -1
  116. package/fesm2022/primeng-slidemenu.mjs +3 -2
  117. package/fesm2022/primeng-slidemenu.mjs.map +1 -1
  118. package/fesm2022/primeng-slider.mjs +23 -5
  119. package/fesm2022/primeng-slider.mjs.map +1 -1
  120. package/fesm2022/primeng-splitbutton.mjs +23 -5
  121. package/fesm2022/primeng-splitbutton.mjs.map +1 -1
  122. package/fesm2022/primeng-table.mjs +14 -17
  123. package/fesm2022/primeng-table.mjs.map +1 -1
  124. package/fesm2022/primeng-tabmenu.mjs +1 -1
  125. package/fesm2022/primeng-tabmenu.mjs.map +1 -1
  126. package/fesm2022/primeng-togglebutton.mjs +19 -5
  127. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  128. package/fesm2022/primeng-tree.mjs +2 -3
  129. package/fesm2022/primeng-tree.mjs.map +1 -1
  130. package/fesm2022/primeng-treeselect.mjs +19 -9
  131. package/fesm2022/primeng-treeselect.mjs.map +1 -1
  132. package/fesm2022/primeng-treetable.mjs +2 -3
  133. package/fesm2022/primeng-treetable.mjs.map +1 -1
  134. package/fesm2022/primeng-tristatecheckbox.mjs +19 -5
  135. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  136. package/inputmask/inputmask.d.ts +9 -2
  137. package/inputnumber/inputnumber.d.ts +13 -6
  138. package/inputotp/inputotp.d.ts +10 -2
  139. package/inputswitch/inputswitch.d.ts +9 -2
  140. package/metergroup/metergroup.d.ts +3 -3
  141. package/metergroup/metergroup.interface.d.ts +16 -0
  142. package/multiselect/multiselect.d.ts +14 -7
  143. package/orderlist/orderlist.d.ts +0 -1
  144. package/package.json +118 -118
  145. package/password/password.d.ts +13 -6
  146. package/picklist/picklist.d.ts +0 -1
  147. package/radiobutton/radiobutton.d.ts +9 -2
  148. package/rating/rating.d.ts +13 -6
  149. package/resources/themes/arya-blue/theme.css +80 -80
  150. package/resources/themes/arya-green/theme.css +80 -80
  151. package/resources/themes/arya-orange/theme.css +80 -80
  152. package/resources/themes/arya-purple/theme.css +80 -80
  153. package/resources/themes/aura-dark-amber/theme.css +81 -83
  154. package/resources/themes/aura-dark-blue/theme.css +81 -83
  155. package/resources/themes/aura-dark-cyan/theme.css +81 -83
  156. package/resources/themes/aura-dark-green/theme.css +81 -83
  157. package/resources/themes/aura-dark-indigo/theme.css +81 -83
  158. package/resources/themes/aura-dark-lime/theme.css +81 -83
  159. package/resources/themes/aura-dark-noir/theme.css +81 -83
  160. package/resources/themes/aura-dark-pink/theme.css +81 -83
  161. package/resources/themes/aura-dark-purple/theme.css +81 -83
  162. package/resources/themes/aura-dark-teal/theme.css +81 -83
  163. package/resources/themes/aura-light-amber/theme.css +81 -84
  164. package/resources/themes/aura-light-blue/theme.css +81 -84
  165. package/resources/themes/aura-light-cyan/theme.css +81 -84
  166. package/resources/themes/aura-light-green/theme.css +81 -84
  167. package/resources/themes/aura-light-indigo/theme.css +81 -84
  168. package/resources/themes/aura-light-lime/theme.css +81 -84
  169. package/resources/themes/aura-light-noir/theme.css +81 -84
  170. package/resources/themes/aura-light-pink/theme.css +81 -84
  171. package/resources/themes/aura-light-purple/theme.css +81 -84
  172. package/resources/themes/aura-light-teal/theme.css +81 -84
  173. package/resources/themes/bootstrap4-dark-blue/theme.css +80 -80
  174. package/resources/themes/bootstrap4-dark-purple/theme.css +80 -80
  175. package/resources/themes/bootstrap4-light-blue/theme.css +80 -80
  176. package/resources/themes/bootstrap4-light-purple/theme.css +80 -80
  177. package/resources/themes/fluent-light/theme.css +80 -80
  178. package/resources/themes/lara-dark-blue/theme.css +80 -80
  179. package/resources/themes/lara-dark-indigo/theme.css +80 -80
  180. package/resources/themes/lara-dark-purple/theme.css +80 -80
  181. package/resources/themes/lara-dark-teal/theme.css +80 -80
  182. package/resources/themes/lara-light-blue/theme.css +80 -80
  183. package/resources/themes/lara-light-indigo/theme.css +80 -80
  184. package/resources/themes/lara-light-purple/theme.css +80 -80
  185. package/resources/themes/lara-light-teal/theme.css +80 -80
  186. package/resources/themes/luna-amber/theme.css +80 -80
  187. package/resources/themes/luna-blue/theme.css +80 -80
  188. package/resources/themes/luna-green/theme.css +80 -80
  189. package/resources/themes/luna-pink/theme.css +80 -80
  190. package/resources/themes/md-dark-deeppurple/theme.css +80 -80
  191. package/resources/themes/md-dark-indigo/theme.css +80 -80
  192. package/resources/themes/md-light-deeppurple/theme.css +80 -80
  193. package/resources/themes/md-light-indigo/theme.css +80 -80
  194. package/resources/themes/mdc-dark-deeppurple/theme.css +80 -80
  195. package/resources/themes/mdc-dark-indigo/theme.css +80 -80
  196. package/resources/themes/mdc-light-deeppurple/theme.css +80 -80
  197. package/resources/themes/mdc-light-indigo/theme.css +80 -80
  198. package/resources/themes/mira/theme.css +80 -80
  199. package/resources/themes/nano/theme.css +80 -80
  200. package/resources/themes/nova/theme.css +80 -80
  201. package/resources/themes/nova-accent/theme.css +80 -80
  202. package/resources/themes/nova-alt/theme.css +80 -80
  203. package/resources/themes/rhea/theme.css +80 -80
  204. package/resources/themes/saga-blue/theme.css +80 -80
  205. package/resources/themes/saga-green/theme.css +80 -80
  206. package/resources/themes/saga-orange/theme.css +80 -80
  207. package/resources/themes/saga-purple/theme.css +80 -80
  208. package/resources/themes/soho-dark/theme.css +80 -80
  209. package/resources/themes/soho-light/theme.css +80 -80
  210. package/resources/themes/tailwind-light/theme.css +82 -80
  211. package/resources/themes/vela-blue/theme.css +80 -80
  212. package/resources/themes/vela-green/theme.css +80 -80
  213. package/resources/themes/vela-orange/theme.css +80 -80
  214. package/resources/themes/vela-purple/theme.css +80 -80
  215. package/resources/themes/viva-dark/theme.css +80 -80
  216. package/resources/themes/viva-light/theme.css +80 -80
  217. package/selectbutton/selectbutton.d.ts +9 -2
  218. package/slidemenu/slidemenu.d.ts +3 -2
  219. package/slider/slider.d.ts +9 -2
  220. package/splitbutton/splitbutton.d.ts +10 -3
  221. package/table/table.d.ts +4 -5
  222. package/togglebutton/togglebutton.d.ts +9 -2
  223. package/tree/tree.d.ts +0 -1
  224. package/treeselect/treeselect.d.ts +12 -5
  225. package/treetable/treetable.d.ts +0 -1
  226. package/tristatecheckbox/tristatecheckbox.d.ts +11 -4
package/resources/themes/aura-light-purple/theme.css CHANGED
@@ -4060,6 +4060,86 @@
4060
4060
  background: #e2e8f0;
4061
4061
  }
4062
4062
 
4063
+ .p-tabview .p-tabview-nav-content {
4064
+ scroll-padding-inline: 2.5rem;
4065
+ }
4066
+ .p-tabview .p-tabview-nav {
4067
+ background: #ffffff;
4068
+ border: 1px solid #e2e8f0;
4069
+ border-width: 0 0 1px 0;
4070
+ }
4071
+ .p-tabview .p-tabview-nav li {
4072
+ margin-right: 0;
4073
+ }
4074
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4075
+ border: solid #e2e8f0;
4076
+ border-width: 0 0 1px 0;
4077
+ border-color: transparent transparent #e2e8f0 transparent;
4078
+ background: #ffffff;
4079
+ color: #64748b;
4080
+ padding: 1rem 1.125rem;
4081
+ font-weight: 600;
4082
+ border-top-right-radius: 6px;
4083
+ border-top-left-radius: 6px;
4084
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4085
+ margin: 0 0 -1px 0;
4086
+ }
4087
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4088
+ outline: 1px solid var(--p-focus-ring-color);
4089
+ outline-offset: 2px;
4090
+ box-shadow: inset none;
4091
+ }
4092
+ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4093
+ background: #ffffff;
4094
+ border-color: #e2e8f0;
4095
+ color: #334155;
4096
+ }
4097
+ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4098
+ background: #ffffff;
4099
+ border-color: #e2e8f0;
4100
+ color: #8B5CF6;
4101
+ }
4102
+ .p-tabview .p-tabview-left-icon {
4103
+ margin-right: 0.5rem;
4104
+ }
4105
+ .p-tabview .p-tabview-right-icon {
4106
+ margin-left: 0.5rem;
4107
+ }
4108
+ .p-tabview .p-tabview-close {
4109
+ margin-left: 0.5rem;
4110
+ }
4111
+ .p-tabview .p-tabview-nav-btn.p-link {
4112
+ background: #ffffff;
4113
+ color: #8B5CF6;
4114
+ width: 2.5rem;
4115
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4116
+ border-radius: 0;
4117
+ }
4118
+ .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4119
+ outline: 1px solid var(--p-focus-ring-color);
4120
+ outline-offset: 2px;
4121
+ box-shadow: inset none;
4122
+ }
4123
+ .p-tabview .p-tabview-panels {
4124
+ background: #ffffff;
4125
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4126
+ border: 0 none;
4127
+ color: #334155;
4128
+ border-bottom-right-radius: 6px;
4129
+ border-bottom-left-radius: 6px;
4130
+ }
4131
+
4132
+ .p-toolbar {
4133
+ background: #ffffff;
4134
+ border: 1px solid #e2e8f0;
4135
+ padding: 1.125rem;
4136
+ border-radius: 6px;
4137
+ gap: 0.5rem;
4138
+ }
4139
+ .p-toolbar .p-toolbar-separator {
4140
+ margin: 0 0.5rem;
4141
+ }
4142
+
4063
4143
  .p-stepper .p-stepper-nav {
4064
4144
  position: relative;
4065
4145
  display: flex;
@@ -4228,86 +4308,6 @@
4228
4308
  padding-left: 3rem;
4229
4309
  }
4230
4310
 
4231
- .p-tabview .p-tabview-nav-content {
4232
- scroll-padding-inline: 2.5rem;
4233
- }
4234
- .p-tabview .p-tabview-nav {
4235
- background: #ffffff;
4236
- border: 1px solid #e2e8f0;
4237
- border-width: 0 0 1px 0;
4238
- }
4239
- .p-tabview .p-tabview-nav li {
4240
- margin-right: 0;
4241
- }
4242
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4243
- border: solid #e2e8f0;
4244
- border-width: 0 0 1px 0;
4245
- border-color: transparent transparent #e2e8f0 transparent;
4246
- background: #ffffff;
4247
- color: #64748b;
4248
- padding: 1rem 1.125rem;
4249
- font-weight: 600;
4250
- border-top-right-radius: 6px;
4251
- border-top-left-radius: 6px;
4252
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4253
- margin: 0 0 -1px 0;
4254
- }
4255
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4256
- outline: 1px solid var(--p-focus-ring-color);
4257
- outline-offset: 2px;
4258
- box-shadow: inset none;
4259
- }
4260
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4261
- background: #ffffff;
4262
- border-color: #e2e8f0;
4263
- color: #334155;
4264
- }
4265
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4266
- background: #ffffff;
4267
- border-color: #e2e8f0;
4268
- color: #8B5CF6;
4269
- }
4270
- .p-tabview .p-tabview-left-icon {
4271
- margin-right: 0.5rem;
4272
- }
4273
- .p-tabview .p-tabview-right-icon {
4274
- margin-left: 0.5rem;
4275
- }
4276
- .p-tabview .p-tabview-close {
4277
- margin-left: 0.5rem;
4278
- }
4279
- .p-tabview .p-tabview-nav-btn.p-link {
4280
- background: #ffffff;
4281
- color: #8B5CF6;
4282
- width: 2.5rem;
4283
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4284
- border-radius: 0;
4285
- }
4286
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4287
- outline: 1px solid var(--p-focus-ring-color);
4288
- outline-offset: 2px;
4289
- box-shadow: inset none;
4290
- }
4291
- .p-tabview .p-tabview-panels {
4292
- background: #ffffff;
4293
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4294
- border: 0 none;
4295
- color: #334155;
4296
- border-bottom-right-radius: 6px;
4297
- border-bottom-left-radius: 6px;
4298
- }
4299
-
4300
- .p-toolbar {
4301
- background: #ffffff;
4302
- border: 1px solid #e2e8f0;
4303
- padding: 1.125rem;
4304
- border-radius: 6px;
4305
- gap: 0.5rem;
4306
- }
4307
- .p-toolbar .p-toolbar-separator {
4308
- margin: 0 0.5rem;
4309
- }
4310
-
4311
4311
  .p-confirm-popup {
4312
4312
  background: #ffffff;
4313
4313
  color: #334155;
@@ -7379,7 +7379,6 @@
7379
7379
  .p-stepper .p-stepper-header .p-stepper-number::after {
7380
7380
  content: " ";
7381
7381
  position: absolute;
7382
- width: 100%;
7383
7382
  height: 100%;
7384
7383
  box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
7385
7384
  }
@@ -7540,11 +7539,9 @@
7540
7539
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
7541
7540
  font-size: 0.875rem;
7542
7541
  }
7543
- .p-toast .p-toast-message .p-toast-icon-close {
7542
+ .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close {
7544
7543
  width: 1.75rem;
7545
7544
  height: 1.75rem;
7546
- margin-top: -25%;
7547
- right: -25%;
7548
7545
  position: relative;
7549
7546
  }
7550
7547
 
package/resources/themes/aura-light-teal/theme.css CHANGED
@@ -4060,6 +4060,86 @@
4060
4060
  background: #e2e8f0;
4061
4061
  }
4062
4062
 
4063
+ .p-tabview .p-tabview-nav-content {
4064
+ scroll-padding-inline: 2.5rem;
4065
+ }
4066
+ .p-tabview .p-tabview-nav {
4067
+ background: #ffffff;
4068
+ border: 1px solid #e2e8f0;
4069
+ border-width: 0 0 1px 0;
4070
+ }
4071
+ .p-tabview .p-tabview-nav li {
4072
+ margin-right: 0;
4073
+ }
4074
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4075
+ border: solid #e2e8f0;
4076
+ border-width: 0 0 1px 0;
4077
+ border-color: transparent transparent #e2e8f0 transparent;
4078
+ background: #ffffff;
4079
+ color: #64748b;
4080
+ padding: 1rem 1.125rem;
4081
+ font-weight: 600;
4082
+ border-top-right-radius: 6px;
4083
+ border-top-left-radius: 6px;
4084
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4085
+ margin: 0 0 -1px 0;
4086
+ }
4087
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4088
+ outline: 1px solid var(--p-focus-ring-color);
4089
+ outline-offset: 2px;
4090
+ box-shadow: inset none;
4091
+ }
4092
+ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4093
+ background: #ffffff;
4094
+ border-color: #e2e8f0;
4095
+ color: #334155;
4096
+ }
4097
+ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4098
+ background: #ffffff;
4099
+ border-color: #e2e8f0;
4100
+ color: #14b8a6;
4101
+ }
4102
+ .p-tabview .p-tabview-left-icon {
4103
+ margin-right: 0.5rem;
4104
+ }
4105
+ .p-tabview .p-tabview-right-icon {
4106
+ margin-left: 0.5rem;
4107
+ }
4108
+ .p-tabview .p-tabview-close {
4109
+ margin-left: 0.5rem;
4110
+ }
4111
+ .p-tabview .p-tabview-nav-btn.p-link {
4112
+ background: #ffffff;
4113
+ color: #14b8a6;
4114
+ width: 2.5rem;
4115
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4116
+ border-radius: 0;
4117
+ }
4118
+ .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4119
+ outline: 1px solid var(--p-focus-ring-color);
4120
+ outline-offset: 2px;
4121
+ box-shadow: inset none;
4122
+ }
4123
+ .p-tabview .p-tabview-panels {
4124
+ background: #ffffff;
4125
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4126
+ border: 0 none;
4127
+ color: #334155;
4128
+ border-bottom-right-radius: 6px;
4129
+ border-bottom-left-radius: 6px;
4130
+ }
4131
+
4132
+ .p-toolbar {
4133
+ background: #ffffff;
4134
+ border: 1px solid #e2e8f0;
4135
+ padding: 1.125rem;
4136
+ border-radius: 6px;
4137
+ gap: 0.5rem;
4138
+ }
4139
+ .p-toolbar .p-toolbar-separator {
4140
+ margin: 0 0.5rem;
4141
+ }
4142
+
4063
4143
  .p-stepper .p-stepper-nav {
4064
4144
  position: relative;
4065
4145
  display: flex;
@@ -4228,86 +4308,6 @@
4228
4308
  padding-left: 3rem;
4229
4309
  }
4230
4310
 
4231
- .p-tabview .p-tabview-nav-content {
4232
- scroll-padding-inline: 2.5rem;
4233
- }
4234
- .p-tabview .p-tabview-nav {
4235
- background: #ffffff;
4236
- border: 1px solid #e2e8f0;
4237
- border-width: 0 0 1px 0;
4238
- }
4239
- .p-tabview .p-tabview-nav li {
4240
- margin-right: 0;
4241
- }
4242
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4243
- border: solid #e2e8f0;
4244
- border-width: 0 0 1px 0;
4245
- border-color: transparent transparent #e2e8f0 transparent;
4246
- background: #ffffff;
4247
- color: #64748b;
4248
- padding: 1rem 1.125rem;
4249
- font-weight: 600;
4250
- border-top-right-radius: 6px;
4251
- border-top-left-radius: 6px;
4252
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4253
- margin: 0 0 -1px 0;
4254
- }
4255
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4256
- outline: 1px solid var(--p-focus-ring-color);
4257
- outline-offset: 2px;
4258
- box-shadow: inset none;
4259
- }
4260
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4261
- background: #ffffff;
4262
- border-color: #e2e8f0;
4263
- color: #334155;
4264
- }
4265
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4266
- background: #ffffff;
4267
- border-color: #e2e8f0;
4268
- color: #14b8a6;
4269
- }
4270
- .p-tabview .p-tabview-left-icon {
4271
- margin-right: 0.5rem;
4272
- }
4273
- .p-tabview .p-tabview-right-icon {
4274
- margin-left: 0.5rem;
4275
- }
4276
- .p-tabview .p-tabview-close {
4277
- margin-left: 0.5rem;
4278
- }
4279
- .p-tabview .p-tabview-nav-btn.p-link {
4280
- background: #ffffff;
4281
- color: #14b8a6;
4282
- width: 2.5rem;
4283
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4284
- border-radius: 0;
4285
- }
4286
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4287
- outline: 1px solid var(--p-focus-ring-color);
4288
- outline-offset: 2px;
4289
- box-shadow: inset none;
4290
- }
4291
- .p-tabview .p-tabview-panels {
4292
- background: #ffffff;
4293
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4294
- border: 0 none;
4295
- color: #334155;
4296
- border-bottom-right-radius: 6px;
4297
- border-bottom-left-radius: 6px;
4298
- }
4299
-
4300
- .p-toolbar {
4301
- background: #ffffff;
4302
- border: 1px solid #e2e8f0;
4303
- padding: 1.125rem;
4304
- border-radius: 6px;
4305
- gap: 0.5rem;
4306
- }
4307
- .p-toolbar .p-toolbar-separator {
4308
- margin: 0 0.5rem;
4309
- }
4310
-
4311
4311
  .p-confirm-popup {
4312
4312
  background: #ffffff;
4313
4313
  color: #334155;
@@ -7379,7 +7379,6 @@
7379
7379
  .p-stepper .p-stepper-header .p-stepper-number::after {
7380
7380
  content: " ";
7381
7381
  position: absolute;
7382
- width: 100%;
7383
7382
  height: 100%;
7384
7383
  box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
7385
7384
  }
@@ -7540,11 +7539,9 @@
7540
7539
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
7541
7540
  font-size: 0.875rem;
7542
7541
  }
7543
- .p-toast .p-toast-message .p-toast-icon-close {
7542
+ .p-toast .p-toast-message .p-toast-message-content .p-toast-icon-close {
7544
7543
  width: 1.75rem;
7545
7544
  height: 1.75rem;
7546
- margin-top: -25%;
7547
- right: -25%;
7548
7545
  position: relative;
7549
7546
  }
7550
7547
 
package/resources/themes/bootstrap4-dark-blue/theme.css CHANGED
@@ -4004,6 +4004,86 @@
4004
4004
  background: #3f4b5b;
4005
4005
  }
4006
4006
 
4007
+ .p-tabview .p-tabview-nav-content {
4008
+ scroll-padding-inline: 2.357rem;
4009
+ }
4010
+ .p-tabview .p-tabview-nav {
4011
+ background: transparent;
4012
+ border: 1px solid #3f4b5b;
4013
+ border-width: 0 0 1px 0;
4014
+ }
4015
+ .p-tabview .p-tabview-nav li {
4016
+ margin-right: 0;
4017
+ }
4018
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4019
+ border: solid;
4020
+ border-width: 1px;
4021
+ border-color: #2a323d #2a323d #3f4b5b #2a323d;
4022
+ background: #2a323d;
4023
+ color: rgba(255, 255, 255, 0.6);
4024
+ padding: 0.75rem 1rem;
4025
+ font-weight: 600;
4026
+ border-top-right-radius: 4px;
4027
+ border-top-left-radius: 4px;
4028
+ transition: box-shadow 0.15s;
4029
+ margin: 0 0 -1px 0;
4030
+ }
4031
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4032
+ outline: 0 none;
4033
+ outline-offset: 0;
4034
+ box-shadow: inset 0 0 0 1px #e3f3fe;
4035
+ }
4036
+ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4037
+ background: #2a323d;
4038
+ border-color: #3f4b5b;
4039
+ color: rgba(255, 255, 255, 0.87);
4040
+ }
4041
+ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4042
+ background: #2a323d;
4043
+ border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
4044
+ color: rgba(255, 255, 255, 0.6);
4045
+ }
4046
+ .p-tabview .p-tabview-left-icon {
4047
+ margin-right: 0.5rem;
4048
+ }
4049
+ .p-tabview .p-tabview-right-icon {
4050
+ margin-left: 0.5rem;
4051
+ }
4052
+ .p-tabview .p-tabview-close {
4053
+ margin-left: 0.5rem;
4054
+ }
4055
+ .p-tabview .p-tabview-nav-btn.p-link {
4056
+ background: #2a323d;
4057
+ color: rgba(255, 255, 255, 0.6);
4058
+ width: 2.357rem;
4059
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4060
+ border-radius: 0;
4061
+ }
4062
+ .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4063
+ outline: 0 none;
4064
+ outline-offset: 0;
4065
+ box-shadow: inset 0 0 0 1px #e3f3fe;
4066
+ }
4067
+ .p-tabview .p-tabview-panels {
4068
+ background: #2a323d;
4069
+ padding: 1.25rem;
4070
+ border: 0 none;
4071
+ color: rgba(255, 255, 255, 0.87);
4072
+ border-bottom-right-radius: 4px;
4073
+ border-bottom-left-radius: 4px;
4074
+ }
4075
+
4076
+ .p-toolbar {
4077
+ background: #2a323d;
4078
+ border: 1px solid #3f4b5b;
4079
+ padding: 1rem 1.25rem;
4080
+ border-radius: 4px;
4081
+ gap: 0.5rem;
4082
+ }
4083
+ .p-toolbar .p-toolbar-separator {
4084
+ margin: 0 0.5rem;
4085
+ }
4086
+
4007
4087
  .p-stepper .p-stepper-nav {
4008
4088
  position: relative;
4009
4089
  display: flex;
@@ -4172,86 +4252,6 @@
4172
4252
  padding-left: 3rem;
4173
4253
  }
4174
4254
 
4175
- .p-tabview .p-tabview-nav-content {
4176
- scroll-padding-inline: 2.357rem;
4177
- }
4178
- .p-tabview .p-tabview-nav {
4179
- background: transparent;
4180
- border: 1px solid #3f4b5b;
4181
- border-width: 0 0 1px 0;
4182
- }
4183
- .p-tabview .p-tabview-nav li {
4184
- margin-right: 0;
4185
- }
4186
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4187
- border: solid;
4188
- border-width: 1px;
4189
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
4190
- background: #2a323d;
4191
- color: rgba(255, 255, 255, 0.6);
4192
- padding: 0.75rem 1rem;
4193
- font-weight: 600;
4194
- border-top-right-radius: 4px;
4195
- border-top-left-radius: 4px;
4196
- transition: box-shadow 0.15s;
4197
- margin: 0 0 -1px 0;
4198
- }
4199
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4200
- outline: 0 none;
4201
- outline-offset: 0;
4202
- box-shadow: inset 0 0 0 1px #e3f3fe;
4203
- }
4204
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4205
- background: #2a323d;
4206
- border-color: #3f4b5b;
4207
- color: rgba(255, 255, 255, 0.87);
4208
- }
4209
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4210
- background: #2a323d;
4211
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
4212
- color: rgba(255, 255, 255, 0.6);
4213
- }
4214
- .p-tabview .p-tabview-left-icon {
4215
- margin-right: 0.5rem;
4216
- }
4217
- .p-tabview .p-tabview-right-icon {
4218
- margin-left: 0.5rem;
4219
- }
4220
- .p-tabview .p-tabview-close {
4221
- margin-left: 0.5rem;
4222
- }
4223
- .p-tabview .p-tabview-nav-btn.p-link {
4224
- background: #2a323d;
4225
- color: rgba(255, 255, 255, 0.6);
4226
- width: 2.357rem;
4227
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4228
- border-radius: 0;
4229
- }
4230
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4231
- outline: 0 none;
4232
- outline-offset: 0;
4233
- box-shadow: inset 0 0 0 1px #e3f3fe;
4234
- }
4235
- .p-tabview .p-tabview-panels {
4236
- background: #2a323d;
4237
- padding: 1.25rem;
4238
- border: 0 none;
4239
- color: rgba(255, 255, 255, 0.87);
4240
- border-bottom-right-radius: 4px;
4241
- border-bottom-left-radius: 4px;
4242
- }
4243
-
4244
- .p-toolbar {
4245
- background: #2a323d;
4246
- border: 1px solid #3f4b5b;
4247
- padding: 1rem 1.25rem;
4248
- border-radius: 4px;
4249
- gap: 0.5rem;
4250
- }
4251
- .p-toolbar .p-toolbar-separator {
4252
- margin: 0 0.5rem;
4253
- }
4254
-
4255
4255
  .p-confirm-popup {
4256
4256
  background: #2a323d;
4257
4257
  color: rgba(255, 255, 255, 0.87);