Bug with overriding DisclosureContent styles

[ahcai]

Hi, I need to add some custom styles to the DisclosureContent component but because the custom props (style/className) are passed in before the hardcoded padding, it's not possible to override the styles: https://github.com/twilio-labs/paste/blob/main/packages/paste-core/components/disclosure/src/DisclosureContent.tsx#L31.

[ahcai]

Actually this seems to be the issue with a lot of the components: https://github.com/twilio-labs/paste/blob/main/packages/paste-core/components/table/src/Td.tsx#L8.

Also is there a reason className is one of the blocked props?

[kate-porter]

Hey @ahcai! Check out the second question in our FAQ on why we don't support classnames, and let us know if you have any additional questions on that. Happy to chat further.

Can you share more about what styles you are trying to override on Disclosure and why you want to override them? We do have a Disclosure Primitive, which is a purely functional, unstyled Disclosure component that may suit your needs, but it would be helpful for us to understand your goals so we can help point you in the right direction.

[ahcai]

Hi @katieporter, that makes sense! I have a mock from design where the padding around the disclosure content is 0.

[kate-porter]

Ah, gotcha! I'd recommend checking in with your designer to see if that's necessary or if that might have been unintentional. If it's necessary for any reason, please do circle back with us and we can discuss further.