primeng 17.14.0 → 17.15.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 (154) hide show
  1. package/autocomplete/autocomplete.d.ts +7 -1
  2. package/badge/badge.d.ts +2 -2
  3. package/card/card.d.ts +5 -2
  4. package/checkbox/checkbox.d.ts +3 -2
  5. package/dom/domhandler.d.ts +2 -2
  6. package/dropdown/dropdown.interface.d.ts +1 -1
  7. package/esm2022/api/filterservice.mjs +6 -1
  8. package/esm2022/autocomplete/autocomplete.mjs +16 -5
  9. package/esm2022/badge/badge.mjs +3 -3
  10. package/esm2022/card/card.mjs +11 -5
  11. package/esm2022/checkbox/checkbox.mjs +16 -7
  12. package/esm2022/colorpicker/colorpicker.mjs +2 -1
  13. package/esm2022/confirmpopup/confirmpopup.mjs +2 -2
  14. package/esm2022/dialog/dialog.mjs +2 -2
  15. package/esm2022/divider/divider.mjs +2 -2
  16. package/esm2022/dom/domhandler.mjs +5 -3
  17. package/esm2022/dropdown/dropdown.interface.mjs +1 -1
  18. package/esm2022/dropdown/dropdown.mjs +2 -1
  19. package/esm2022/editor/editor.mjs +2 -4
  20. package/esm2022/fileupload/fileupload.mjs +6 -6
  21. package/esm2022/keyfilter/keyfilter.mjs +14 -13
  22. package/esm2022/menubar/menubar.mjs +1 -4
  23. package/esm2022/multiselect/multiselect.interface.mjs +1 -1
  24. package/esm2022/multiselect/multiselect.mjs +74 -16
  25. package/esm2022/overlaypanel/overlaypanel.mjs +2 -2
  26. package/esm2022/speeddial/speeddial.mjs +6 -8
  27. package/esm2022/stepper/stepper.mjs +1 -9
  28. package/esm2022/table/columnfilter.interface.mjs +1 -1
  29. package/esm2022/table/table.mjs +57 -16
  30. package/esm2022/tree/tree.mjs +105 -103
  31. package/esm2022/treeselect/treeselect.mjs +5 -5
  32. package/fesm2022/primeng-api.mjs +5 -0
  33. package/fesm2022/primeng-api.mjs.map +1 -1
  34. package/fesm2022/primeng-autocomplete.mjs +15 -4
  35. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  36. package/fesm2022/primeng-badge.mjs +2 -2
  37. package/fesm2022/primeng-badge.mjs.map +1 -1
  38. package/fesm2022/primeng-card.mjs +10 -4
  39. package/fesm2022/primeng-card.mjs.map +1 -1
  40. package/fesm2022/primeng-checkbox.mjs +15 -6
  41. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  42. package/fesm2022/primeng-colorpicker.mjs +1 -0
  43. package/fesm2022/primeng-colorpicker.mjs.map +1 -1
  44. package/fesm2022/primeng-confirmpopup.mjs +1 -1
  45. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  46. package/fesm2022/primeng-dialog.mjs +1 -1
  47. package/fesm2022/primeng-dialog.mjs.map +1 -1
  48. package/fesm2022/primeng-divider.mjs +2 -2
  49. package/fesm2022/primeng-divider.mjs.map +1 -1
  50. package/fesm2022/primeng-dom.mjs +4 -2
  51. package/fesm2022/primeng-dom.mjs.map +1 -1
  52. package/fesm2022/primeng-dropdown.mjs +1 -0
  53. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  54. package/fesm2022/primeng-editor.mjs +1 -3
  55. package/fesm2022/primeng-editor.mjs.map +1 -1
  56. package/fesm2022/primeng-fileupload.mjs +5 -5
  57. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  58. package/fesm2022/primeng-keyfilter.mjs +13 -12
  59. package/fesm2022/primeng-keyfilter.mjs.map +1 -1
  60. package/fesm2022/primeng-menubar.mjs +0 -3
  61. package/fesm2022/primeng-menubar.mjs.map +1 -1
  62. package/fesm2022/primeng-multiselect.mjs +73 -15
  63. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  64. package/fesm2022/primeng-overlaypanel.mjs +1 -1
  65. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  66. package/fesm2022/primeng-speeddial.mjs +5 -7
  67. package/fesm2022/primeng-speeddial.mjs.map +1 -1
  68. package/fesm2022/primeng-stepper.mjs +0 -8
  69. package/fesm2022/primeng-stepper.mjs.map +1 -1
  70. package/fesm2022/primeng-table.mjs +56 -15
  71. package/fesm2022/primeng-table.mjs.map +1 -1
  72. package/fesm2022/primeng-tree.mjs +104 -102
  73. package/fesm2022/primeng-tree.mjs.map +1 -1
  74. package/fesm2022/primeng-treeselect.mjs +4 -4
  75. package/fesm2022/primeng-treeselect.mjs.map +1 -1
  76. package/fileupload/fileupload.d.ts +9 -10
  77. package/keyfilter/keyfilter.d.ts +1 -1
  78. package/multiselect/multiselect.d.ts +9 -2
  79. package/multiselect/multiselect.interface.d.ts +28 -0
  80. package/package.json +125 -125
  81. package/resources/components/divider/divider.css +1 -1
  82. package/resources/components/speeddial/speeddial.css +8 -0
  83. package/resources/themes/arya-blue/theme.css +144 -80
  84. package/resources/themes/arya-green/theme.css +144 -80
  85. package/resources/themes/arya-orange/theme.css +144 -80
  86. package/resources/themes/arya-purple/theme.css +144 -80
  87. package/resources/themes/aura-dark-amber/theme.css +144 -80
  88. package/resources/themes/aura-dark-blue/theme.css +144 -80
  89. package/resources/themes/aura-dark-cyan/theme.css +144 -80
  90. package/resources/themes/aura-dark-green/theme.css +144 -80
  91. package/resources/themes/aura-dark-indigo/theme.css +144 -80
  92. package/resources/themes/aura-dark-lime/theme.css +144 -80
  93. package/resources/themes/aura-dark-noir/theme.css +144 -80
  94. package/resources/themes/aura-dark-pink/theme.css +144 -80
  95. package/resources/themes/aura-dark-purple/theme.css +144 -80
  96. package/resources/themes/aura-dark-teal/theme.css +144 -80
  97. package/resources/themes/aura-light-amber/theme.css +144 -81
  98. package/resources/themes/aura-light-blue/theme.css +144 -81
  99. package/resources/themes/aura-light-cyan/theme.css +144 -81
  100. package/resources/themes/aura-light-green/theme.css +144 -81
  101. package/resources/themes/aura-light-indigo/theme.css +144 -81
  102. package/resources/themes/aura-light-lime/theme.css +144 -81
  103. package/resources/themes/aura-light-noir/theme.css +144 -81
  104. package/resources/themes/aura-light-pink/theme.css +144 -81
  105. package/resources/themes/aura-light-purple/theme.css +144 -81
  106. package/resources/themes/aura-light-teal/theme.css +144 -81
  107. package/resources/themes/bootstrap4-dark-blue/theme.css +144 -80
  108. package/resources/themes/bootstrap4-dark-purple/theme.css +144 -80
  109. package/resources/themes/bootstrap4-light-blue/theme.css +144 -80
  110. package/resources/themes/bootstrap4-light-purple/theme.css +144 -80
  111. package/resources/themes/fluent-light/theme.css +144 -80
  112. package/resources/themes/lara-dark-blue/theme.css +144 -80
  113. package/resources/themes/lara-dark-indigo/theme.css +144 -80
  114. package/resources/themes/lara-dark-purple/theme.css +144 -80
  115. package/resources/themes/lara-dark-teal/theme.css +144 -80
  116. package/resources/themes/lara-light-blue/theme.css +144 -80
  117. package/resources/themes/lara-light-indigo/theme.css +144 -80
  118. package/resources/themes/lara-light-purple/theme.css +144 -80
  119. package/resources/themes/lara-light-teal/theme.css +144 -80
  120. package/resources/themes/luna-amber/theme.css +144 -80
  121. package/resources/themes/luna-blue/theme.css +144 -80
  122. package/resources/themes/luna-green/theme.css +144 -80
  123. package/resources/themes/luna-pink/theme.css +144 -80
  124. package/resources/themes/md-dark-deeppurple/theme.css +144 -80
  125. package/resources/themes/md-dark-indigo/theme.css +144 -80
  126. package/resources/themes/md-light-deeppurple/theme.css +144 -80
  127. package/resources/themes/md-light-indigo/theme.css +144 -80
  128. package/resources/themes/mdc-dark-deeppurple/theme.css +144 -80
  129. package/resources/themes/mdc-dark-indigo/theme.css +144 -80
  130. package/resources/themes/mdc-light-deeppurple/theme.css +144 -80
  131. package/resources/themes/mdc-light-indigo/theme.css +144 -80
  132. package/resources/themes/mira/theme.css +144 -80
  133. package/resources/themes/nano/theme.css +144 -80
  134. package/resources/themes/nova/theme.css +144 -80
  135. package/resources/themes/nova-accent/theme.css +144 -80
  136. package/resources/themes/nova-alt/theme.css +144 -80
  137. package/resources/themes/rhea/theme.css +144 -80
  138. package/resources/themes/saga-blue/theme.css +144 -80
  139. package/resources/themes/saga-green/theme.css +144 -80
  140. package/resources/themes/saga-orange/theme.css +144 -80
  141. package/resources/themes/saga-purple/theme.css +144 -80
  142. package/resources/themes/soho-dark/theme.css +144 -80
  143. package/resources/themes/soho-light/theme.css +144 -80
  144. package/resources/themes/tailwind-light/theme.css +144 -80
  145. package/resources/themes/vela-blue/theme.css +144 -80
  146. package/resources/themes/vela-green/theme.css +144 -80
  147. package/resources/themes/vela-orange/theme.css +144 -80
  148. package/resources/themes/vela-purple/theme.css +144 -80
  149. package/resources/themes/viva-dark/theme.css +144 -80
  150. package/resources/themes/viva-light/theme.css +144 -80
  151. package/stepper/stepper.d.ts +0 -8
  152. package/table/columnfilter.interface.d.ts +213 -1
  153. package/table/table.d.ts +9 -5
  154. package/treeselect/treeselect.d.ts +2 -2
@@ -4058,6 +4058,150 @@
4058
4058
  background: #3f3f46;
4059
4059
  }
4060
4060
 
4061
+ .p-tabview .p-tabview-nav-content {
4062
+ scroll-padding-inline: 2.5rem;
4063
+ }
4064
+ .p-tabview .p-tabview-nav {
4065
+ background: #18181b;
4066
+ border: 1px solid #3f3f46;
4067
+ border-width: 0 0 1px 0;
4068
+ }
4069
+ .p-tabview .p-tabview-nav li {
4070
+ margin-right: 0;
4071
+ }
4072
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4073
+ border: solid #3f3f46;
4074
+ border-width: 0 0 1px 0;
4075
+ border-color: transparent transparent #3f3f46 transparent;
4076
+ background: #18181b;
4077
+ color: #a1a1aa;
4078
+ padding: 1rem 1.125rem;
4079
+ font-weight: 600;
4080
+ border-top-right-radius: 6px;
4081
+ border-top-left-radius: 6px;
4082
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4083
+ margin: 0 0 -1px 0;
4084
+ }
4085
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4086
+ outline: 1px solid var(--p-focus-ring-color);
4087
+ outline-offset: 2px;
4088
+ box-shadow: inset none;
4089
+ }
4090
+ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4091
+ background: #18181b;
4092
+ border-color: #3f3f46;
4093
+ color: #ffffff;
4094
+ }
4095
+ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4096
+ background: #18181b;
4097
+ border-color: #3f3f46;
4098
+ color: #a3e635;
4099
+ }
4100
+ .p-tabview .p-tabview-left-icon {
4101
+ margin-right: 0.5rem;
4102
+ }
4103
+ .p-tabview .p-tabview-right-icon {
4104
+ margin-left: 0.5rem;
4105
+ }
4106
+ .p-tabview .p-tabview-close {
4107
+ margin-left: 0.5rem;
4108
+ }
4109
+ .p-tabview .p-tabview-nav-btn.p-link {
4110
+ background: #18181b;
4111
+ color: #a3e635;
4112
+ width: 2.5rem;
4113
+ 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);
4114
+ border-radius: 0;
4115
+ }
4116
+ .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4117
+ outline: 1px solid var(--p-focus-ring-color);
4118
+ outline-offset: 2px;
4119
+ box-shadow: inset none;
4120
+ }
4121
+ .p-tabview .p-tabview-panels {
4122
+ background: #18181b;
4123
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4124
+ border: 0 none;
4125
+ color: #ffffff;
4126
+ border-bottom-right-radius: 6px;
4127
+ border-bottom-left-radius: 6px;
4128
+ }
4129
+
4130
+ .p-toolbar {
4131
+ background: #18181b;
4132
+ border: 1px solid #3f3f46;
4133
+ padding: 1.125rem;
4134
+ border-radius: 6px;
4135
+ gap: 0.5rem;
4136
+ }
4137
+ .p-toolbar .p-toolbar-separator {
4138
+ margin: 0 0.5rem;
4139
+ }
4140
+
4141
+ .p-stepper .p-stepper-nav {
4142
+ position: relative;
4143
+ display: flex;
4144
+ justify-content: space-between;
4145
+ align-items: center;
4146
+ margin: 0;
4147
+ padding: 0;
4148
+ list-style-type: none;
4149
+ overflow-x: auto;
4150
+ }
4151
+
4152
+ .p-stepper-vertical .p-stepper-nav {
4153
+ flex-direction: column;
4154
+ }
4155
+
4156
+ .p-stepper-header {
4157
+ position: relative;
4158
+ display: flex;
4159
+ flex: 1 1 auto;
4160
+ align-items: center;
4161
+ }
4162
+ .p-stepper-header:last-of-type {
4163
+ flex: initial;
4164
+ }
4165
+
4166
+ .p-stepper-header .p-stepper-action {
4167
+ border: 0 none;
4168
+ display: inline-flex;
4169
+ align-items: center;
4170
+ text-decoration: none;
4171
+ cursor: pointer;
4172
+ }
4173
+ .p-stepper-header .p-stepper-action:focus-visible {
4174
+ outline: 1px solid var(--p-focus-ring-color);
4175
+ outline-offset: 2px;
4176
+ box-shadow: none;
4177
+ }
4178
+
4179
+ .p-stepper.p-stepper-readonly .p-stepper-header {
4180
+ cursor: auto;
4181
+ }
4182
+
4183
+ .p-stepper-header.p-highlight .p-stepper-action {
4184
+ cursor: default;
4185
+ }
4186
+
4187
+ .p-stepper-title {
4188
+ display: block;
4189
+ white-space: nowrap;
4190
+ overflow: hidden;
4191
+ text-overflow: ellipsis;
4192
+ max-width: 100%;
4193
+ }
4194
+
4195
+ .p-stepper-number {
4196
+ display: flex;
4197
+ align-items: center;
4198
+ justify-content: center;
4199
+ }
4200
+
4201
+ .p-stepper-separator {
4202
+ flex: 1 1 0;
4203
+ }
4204
+
4061
4205
  .p-stepper .p-stepper-nav {
4062
4206
  display: flex;
4063
4207
  justify-content: space-between;
@@ -4162,86 +4306,6 @@
4162
4306
  padding-left: 3rem;
4163
4307
  }
4164
4308
 
4165
- .p-tabview .p-tabview-nav-content {
4166
- scroll-padding-inline: 2.5rem;
4167
- }
4168
- .p-tabview .p-tabview-nav {
4169
- background: #18181b;
4170
- border: 1px solid #3f3f46;
4171
- border-width: 0 0 1px 0;
4172
- }
4173
- .p-tabview .p-tabview-nav li {
4174
- margin-right: 0;
4175
- }
4176
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4177
- border: solid #3f3f46;
4178
- border-width: 0 0 1px 0;
4179
- border-color: transparent transparent #3f3f46 transparent;
4180
- background: #18181b;
4181
- color: #a1a1aa;
4182
- padding: 1rem 1.125rem;
4183
- font-weight: 600;
4184
- border-top-right-radius: 6px;
4185
- border-top-left-radius: 6px;
4186
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4187
- margin: 0 0 -1px 0;
4188
- }
4189
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4190
- outline: 1px solid var(--p-focus-ring-color);
4191
- outline-offset: 2px;
4192
- box-shadow: inset none;
4193
- }
4194
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4195
- background: #18181b;
4196
- border-color: #3f3f46;
4197
- color: #ffffff;
4198
- }
4199
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4200
- background: #18181b;
4201
- border-color: #3f3f46;
4202
- color: #a3e635;
4203
- }
4204
- .p-tabview .p-tabview-left-icon {
4205
- margin-right: 0.5rem;
4206
- }
4207
- .p-tabview .p-tabview-right-icon {
4208
- margin-left: 0.5rem;
4209
- }
4210
- .p-tabview .p-tabview-close {
4211
- margin-left: 0.5rem;
4212
- }
4213
- .p-tabview .p-tabview-nav-btn.p-link {
4214
- background: #18181b;
4215
- color: #a3e635;
4216
- width: 2.5rem;
4217
- 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);
4218
- border-radius: 0;
4219
- }
4220
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4221
- outline: 1px solid var(--p-focus-ring-color);
4222
- outline-offset: 2px;
4223
- box-shadow: inset none;
4224
- }
4225
- .p-tabview .p-tabview-panels {
4226
- background: #18181b;
4227
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4228
- border: 0 none;
4229
- color: #ffffff;
4230
- border-bottom-right-radius: 6px;
4231
- border-bottom-left-radius: 6px;
4232
- }
4233
-
4234
- .p-toolbar {
4235
- background: #18181b;
4236
- border: 1px solid #3f3f46;
4237
- padding: 1.125rem;
4238
- border-radius: 6px;
4239
- gap: 0.5rem;
4240
- }
4241
- .p-toolbar .p-toolbar-separator {
4242
- margin: 0 0.5rem;
4243
- }
4244
-
4245
4309
  .p-confirm-popup {
4246
4310
  background: #18181b;
4247
4311
  color: #ffffff;
@@ -4058,6 +4058,150 @@
4058
4058
  background: #3f3f46;
4059
4059
  }
4060
4060
 
4061
+ .p-tabview .p-tabview-nav-content {
4062
+ scroll-padding-inline: 2.5rem;
4063
+ }
4064
+ .p-tabview .p-tabview-nav {
4065
+ background: #18181b;
4066
+ border: 1px solid #3f3f46;
4067
+ border-width: 0 0 1px 0;
4068
+ }
4069
+ .p-tabview .p-tabview-nav li {
4070
+ margin-right: 0;
4071
+ }
4072
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4073
+ border: solid #3f3f46;
4074
+ border-width: 0 0 1px 0;
4075
+ border-color: transparent transparent #3f3f46 transparent;
4076
+ background: #18181b;
4077
+ color: #a1a1aa;
4078
+ padding: 1rem 1.125rem;
4079
+ font-weight: 600;
4080
+ border-top-right-radius: 6px;
4081
+ border-top-left-radius: 6px;
4082
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4083
+ margin: 0 0 -1px 0;
4084
+ }
4085
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4086
+ outline: 1px solid var(--p-focus-ring-color);
4087
+ outline-offset: 2px;
4088
+ box-shadow: inset none;
4089
+ }
4090
+ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4091
+ background: #18181b;
4092
+ border-color: #3f3f46;
4093
+ color: #ffffff;
4094
+ }
4095
+ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4096
+ background: #18181b;
4097
+ border-color: #3f3f46;
4098
+ color: #fafafa;
4099
+ }
4100
+ .p-tabview .p-tabview-left-icon {
4101
+ margin-right: 0.5rem;
4102
+ }
4103
+ .p-tabview .p-tabview-right-icon {
4104
+ margin-left: 0.5rem;
4105
+ }
4106
+ .p-tabview .p-tabview-close {
4107
+ margin-left: 0.5rem;
4108
+ }
4109
+ .p-tabview .p-tabview-nav-btn.p-link {
4110
+ background: #18181b;
4111
+ color: #fafafa;
4112
+ width: 2.5rem;
4113
+ 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);
4114
+ border-radius: 0;
4115
+ }
4116
+ .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4117
+ outline: 1px solid var(--p-focus-ring-color);
4118
+ outline-offset: 2px;
4119
+ box-shadow: inset none;
4120
+ }
4121
+ .p-tabview .p-tabview-panels {
4122
+ background: #18181b;
4123
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4124
+ border: 0 none;
4125
+ color: #ffffff;
4126
+ border-bottom-right-radius: 6px;
4127
+ border-bottom-left-radius: 6px;
4128
+ }
4129
+
4130
+ .p-toolbar {
4131
+ background: #18181b;
4132
+ border: 1px solid #3f3f46;
4133
+ padding: 1.125rem;
4134
+ border-radius: 6px;
4135
+ gap: 0.5rem;
4136
+ }
4137
+ .p-toolbar .p-toolbar-separator {
4138
+ margin: 0 0.5rem;
4139
+ }
4140
+
4141
+ .p-stepper .p-stepper-nav {
4142
+ position: relative;
4143
+ display: flex;
4144
+ justify-content: space-between;
4145
+ align-items: center;
4146
+ margin: 0;
4147
+ padding: 0;
4148
+ list-style-type: none;
4149
+ overflow-x: auto;
4150
+ }
4151
+
4152
+ .p-stepper-vertical .p-stepper-nav {
4153
+ flex-direction: column;
4154
+ }
4155
+
4156
+ .p-stepper-header {
4157
+ position: relative;
4158
+ display: flex;
4159
+ flex: 1 1 auto;
4160
+ align-items: center;
4161
+ }
4162
+ .p-stepper-header:last-of-type {
4163
+ flex: initial;
4164
+ }
4165
+
4166
+ .p-stepper-header .p-stepper-action {
4167
+ border: 0 none;
4168
+ display: inline-flex;
4169
+ align-items: center;
4170
+ text-decoration: none;
4171
+ cursor: pointer;
4172
+ }
4173
+ .p-stepper-header .p-stepper-action:focus-visible {
4174
+ outline: 1px solid var(--p-focus-ring-color);
4175
+ outline-offset: 2px;
4176
+ box-shadow: none;
4177
+ }
4178
+
4179
+ .p-stepper.p-stepper-readonly .p-stepper-header {
4180
+ cursor: auto;
4181
+ }
4182
+
4183
+ .p-stepper-header.p-highlight .p-stepper-action {
4184
+ cursor: default;
4185
+ }
4186
+
4187
+ .p-stepper-title {
4188
+ display: block;
4189
+ white-space: nowrap;
4190
+ overflow: hidden;
4191
+ text-overflow: ellipsis;
4192
+ max-width: 100%;
4193
+ }
4194
+
4195
+ .p-stepper-number {
4196
+ display: flex;
4197
+ align-items: center;
4198
+ justify-content: center;
4199
+ }
4200
+
4201
+ .p-stepper-separator {
4202
+ flex: 1 1 0;
4203
+ }
4204
+
4061
4205
  .p-stepper .p-stepper-nav {
4062
4206
  display: flex;
4063
4207
  justify-content: space-between;
@@ -4162,86 +4306,6 @@
4162
4306
  padding-left: 3rem;
4163
4307
  }
4164
4308
 
4165
- .p-tabview .p-tabview-nav-content {
4166
- scroll-padding-inline: 2.5rem;
4167
- }
4168
- .p-tabview .p-tabview-nav {
4169
- background: #18181b;
4170
- border: 1px solid #3f3f46;
4171
- border-width: 0 0 1px 0;
4172
- }
4173
- .p-tabview .p-tabview-nav li {
4174
- margin-right: 0;
4175
- }
4176
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4177
- border: solid #3f3f46;
4178
- border-width: 0 0 1px 0;
4179
- border-color: transparent transparent #3f3f46 transparent;
4180
- background: #18181b;
4181
- color: #a1a1aa;
4182
- padding: 1rem 1.125rem;
4183
- font-weight: 600;
4184
- border-top-right-radius: 6px;
4185
- border-top-left-radius: 6px;
4186
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4187
- margin: 0 0 -1px 0;
4188
- }
4189
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4190
- outline: 1px solid var(--p-focus-ring-color);
4191
- outline-offset: 2px;
4192
- box-shadow: inset none;
4193
- }
4194
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4195
- background: #18181b;
4196
- border-color: #3f3f46;
4197
- color: #ffffff;
4198
- }
4199
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4200
- background: #18181b;
4201
- border-color: #3f3f46;
4202
- color: #fafafa;
4203
- }
4204
- .p-tabview .p-tabview-left-icon {
4205
- margin-right: 0.5rem;
4206
- }
4207
- .p-tabview .p-tabview-right-icon {
4208
- margin-left: 0.5rem;
4209
- }
4210
- .p-tabview .p-tabview-close {
4211
- margin-left: 0.5rem;
4212
- }
4213
- .p-tabview .p-tabview-nav-btn.p-link {
4214
- background: #18181b;
4215
- color: #fafafa;
4216
- width: 2.5rem;
4217
- 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);
4218
- border-radius: 0;
4219
- }
4220
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4221
- outline: 1px solid var(--p-focus-ring-color);
4222
- outline-offset: 2px;
4223
- box-shadow: inset none;
4224
- }
4225
- .p-tabview .p-tabview-panels {
4226
- background: #18181b;
4227
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4228
- border: 0 none;
4229
- color: #ffffff;
4230
- border-bottom-right-radius: 6px;
4231
- border-bottom-left-radius: 6px;
4232
- }
4233
-
4234
- .p-toolbar {
4235
- background: #18181b;
4236
- border: 1px solid #3f3f46;
4237
- padding: 1.125rem;
4238
- border-radius: 6px;
4239
- gap: 0.5rem;
4240
- }
4241
- .p-toolbar .p-toolbar-separator {
4242
- margin: 0 0.5rem;
4243
- }
4244
-
4245
4309
  .p-confirm-popup {
4246
4310
  background: #18181b;
4247
4311
  color: #ffffff;
@@ -4058,6 +4058,150 @@
4058
4058
  background: #3f3f46;
4059
4059
  }
4060
4060
 
4061
+ .p-tabview .p-tabview-nav-content {
4062
+ scroll-padding-inline: 2.5rem;
4063
+ }
4064
+ .p-tabview .p-tabview-nav {
4065
+ background: #18181b;
4066
+ border: 1px solid #3f3f46;
4067
+ border-width: 0 0 1px 0;
4068
+ }
4069
+ .p-tabview .p-tabview-nav li {
4070
+ margin-right: 0;
4071
+ }
4072
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4073
+ border: solid #3f3f46;
4074
+ border-width: 0 0 1px 0;
4075
+ border-color: transparent transparent #3f3f46 transparent;
4076
+ background: #18181b;
4077
+ color: #a1a1aa;
4078
+ padding: 1rem 1.125rem;
4079
+ font-weight: 600;
4080
+ border-top-right-radius: 6px;
4081
+ border-top-left-radius: 6px;
4082
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4083
+ margin: 0 0 -1px 0;
4084
+ }
4085
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4086
+ outline: 1px solid var(--p-focus-ring-color);
4087
+ outline-offset: 2px;
4088
+ box-shadow: inset none;
4089
+ }
4090
+ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4091
+ background: #18181b;
4092
+ border-color: #3f3f46;
4093
+ color: #ffffff;
4094
+ }
4095
+ .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4096
+ background: #18181b;
4097
+ border-color: #3f3f46;
4098
+ color: #f472b6;
4099
+ }
4100
+ .p-tabview .p-tabview-left-icon {
4101
+ margin-right: 0.5rem;
4102
+ }
4103
+ .p-tabview .p-tabview-right-icon {
4104
+ margin-left: 0.5rem;
4105
+ }
4106
+ .p-tabview .p-tabview-close {
4107
+ margin-left: 0.5rem;
4108
+ }
4109
+ .p-tabview .p-tabview-nav-btn.p-link {
4110
+ background: #18181b;
4111
+ color: #f472b6;
4112
+ width: 2.5rem;
4113
+ 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);
4114
+ border-radius: 0;
4115
+ }
4116
+ .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4117
+ outline: 1px solid var(--p-focus-ring-color);
4118
+ outline-offset: 2px;
4119
+ box-shadow: inset none;
4120
+ }
4121
+ .p-tabview .p-tabview-panels {
4122
+ background: #18181b;
4123
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4124
+ border: 0 none;
4125
+ color: #ffffff;
4126
+ border-bottom-right-radius: 6px;
4127
+ border-bottom-left-radius: 6px;
4128
+ }
4129
+
4130
+ .p-toolbar {
4131
+ background: #18181b;
4132
+ border: 1px solid #3f3f46;
4133
+ padding: 1.125rem;
4134
+ border-radius: 6px;
4135
+ gap: 0.5rem;
4136
+ }
4137
+ .p-toolbar .p-toolbar-separator {
4138
+ margin: 0 0.5rem;
4139
+ }
4140
+
4141
+ .p-stepper .p-stepper-nav {
4142
+ position: relative;
4143
+ display: flex;
4144
+ justify-content: space-between;
4145
+ align-items: center;
4146
+ margin: 0;
4147
+ padding: 0;
4148
+ list-style-type: none;
4149
+ overflow-x: auto;
4150
+ }
4151
+
4152
+ .p-stepper-vertical .p-stepper-nav {
4153
+ flex-direction: column;
4154
+ }
4155
+
4156
+ .p-stepper-header {
4157
+ position: relative;
4158
+ display: flex;
4159
+ flex: 1 1 auto;
4160
+ align-items: center;
4161
+ }
4162
+ .p-stepper-header:last-of-type {
4163
+ flex: initial;
4164
+ }
4165
+
4166
+ .p-stepper-header .p-stepper-action {
4167
+ border: 0 none;
4168
+ display: inline-flex;
4169
+ align-items: center;
4170
+ text-decoration: none;
4171
+ cursor: pointer;
4172
+ }
4173
+ .p-stepper-header .p-stepper-action:focus-visible {
4174
+ outline: 1px solid var(--p-focus-ring-color);
4175
+ outline-offset: 2px;
4176
+ box-shadow: none;
4177
+ }
4178
+
4179
+ .p-stepper.p-stepper-readonly .p-stepper-header {
4180
+ cursor: auto;
4181
+ }
4182
+
4183
+ .p-stepper-header.p-highlight .p-stepper-action {
4184
+ cursor: default;
4185
+ }
4186
+
4187
+ .p-stepper-title {
4188
+ display: block;
4189
+ white-space: nowrap;
4190
+ overflow: hidden;
4191
+ text-overflow: ellipsis;
4192
+ max-width: 100%;
4193
+ }
4194
+
4195
+ .p-stepper-number {
4196
+ display: flex;
4197
+ align-items: center;
4198
+ justify-content: center;
4199
+ }
4200
+
4201
+ .p-stepper-separator {
4202
+ flex: 1 1 0;
4203
+ }
4204
+
4061
4205
  .p-stepper .p-stepper-nav {
4062
4206
  display: flex;
4063
4207
  justify-content: space-between;
@@ -4162,86 +4306,6 @@
4162
4306
  padding-left: 3rem;
4163
4307
  }
4164
4308
 
4165
- .p-tabview .p-tabview-nav-content {
4166
- scroll-padding-inline: 2.5rem;
4167
- }
4168
- .p-tabview .p-tabview-nav {
4169
- background: #18181b;
4170
- border: 1px solid #3f3f46;
4171
- border-width: 0 0 1px 0;
4172
- }
4173
- .p-tabview .p-tabview-nav li {
4174
- margin-right: 0;
4175
- }
4176
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
4177
- border: solid #3f3f46;
4178
- border-width: 0 0 1px 0;
4179
- border-color: transparent transparent #3f3f46 transparent;
4180
- background: #18181b;
4181
- color: #a1a1aa;
4182
- padding: 1rem 1.125rem;
4183
- font-weight: 600;
4184
- border-top-right-radius: 6px;
4185
- border-top-left-radius: 6px;
4186
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
4187
- margin: 0 0 -1px 0;
4188
- }
4189
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
4190
- outline: 1px solid var(--p-focus-ring-color);
4191
- outline-offset: 2px;
4192
- box-shadow: inset none;
4193
- }
4194
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
4195
- background: #18181b;
4196
- border-color: #3f3f46;
4197
- color: #ffffff;
4198
- }
4199
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
4200
- background: #18181b;
4201
- border-color: #3f3f46;
4202
- color: #f472b6;
4203
- }
4204
- .p-tabview .p-tabview-left-icon {
4205
- margin-right: 0.5rem;
4206
- }
4207
- .p-tabview .p-tabview-right-icon {
4208
- margin-left: 0.5rem;
4209
- }
4210
- .p-tabview .p-tabview-close {
4211
- margin-left: 0.5rem;
4212
- }
4213
- .p-tabview .p-tabview-nav-btn.p-link {
4214
- background: #18181b;
4215
- color: #f472b6;
4216
- width: 2.5rem;
4217
- 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);
4218
- border-radius: 0;
4219
- }
4220
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
4221
- outline: 1px solid var(--p-focus-ring-color);
4222
- outline-offset: 2px;
4223
- box-shadow: inset none;
4224
- }
4225
- .p-tabview .p-tabview-panels {
4226
- background: #18181b;
4227
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
4228
- border: 0 none;
4229
- color: #ffffff;
4230
- border-bottom-right-radius: 6px;
4231
- border-bottom-left-radius: 6px;
4232
- }
4233
-
4234
- .p-toolbar {
4235
- background: #18181b;
4236
- border: 1px solid #3f3f46;
4237
- padding: 1.125rem;
4238
- border-radius: 6px;
4239
- gap: 0.5rem;
4240
- }
4241
- .p-toolbar .p-toolbar-separator {
4242
- margin: 0 0.5rem;
4243
- }
4244
-
4245
4309
  .p-confirm-popup {
4246
4310
  background: #18181b;
4247
4311
  color: #ffffff;