CofirmDialog styles only apply to the root and transitions

[aDogCalledSpot]

I'm using PrimeVue version 4.0.0.

I copied the default lara configuration from the documentation. The styles for the "root" and "transition" component are being applied but not for any of the other components.

For the following code then:

const deleteConfirm = () => {
  confirm.require({
    message: 'Are you sure you want to delete this',
    header: 'Confirmation',
    // position: 'top',
    rejectProps: {
      label: 'Cancel',
      severity: 'secondary',
      outlined: true,
    },
    acceptProps: {
      label: 'Delete',
      severity: 'danger',
    },
    accept: () => {
      console.log('deleted')
    },
    reject: () => {
      console.log('canceled')
    },
  })
}

The result looks like this:

---

I noticed there is a mismatch between the code in the documentation mentioned above and the code in this repository for the ConfirmDialog. Is this intended?

[aDogCalledSpot]

Despite working, the transition field also isn't listed in the ConfirmDialogPassThroughOptions which is unfortunate since I'm using TypeScript for my preset.

[cagataycivici]

As of v4.1.1, the new Tailwind styles have been rewritten using the preprocessor approach with @apply instead of pass-through. As a result this issue is not relevant any more.

New Website is live.