25 lines
1.2 KiB
TypeScript
25 lines
1.2 KiB
TypeScript
/**
|
|
* Typography + padding overrides applied to the primary/secondary buttons
|
|
* rendered inside `CreateFlowFooter`. The footer slot expects a compact
|
|
* size regardless of the default `<Button size="xsmall">` output, and both
|
|
* the Create Community / Custom Rule / Review flows and the template-review
|
|
* footer share the same override string — keeping it here prevents drift
|
|
* between those two call sites.
|
|
*
|
|
* The `!` prefixes bypass Button's own size tokens; the extra spacing vars
|
|
* mirror the Figma compact footer button spec. When the design system
|
|
* exposes a native size that matches, this module should collapse.
|
|
*/
|
|
export const CREATE_FLOW_FOOTER_BUTTON_CLASS =
|
|
"!text-x-small-label md:!text-small-label " +
|
|
"!px-[var(--space-200)] md:!px-[var(--space-250)] " +
|
|
"!py-[var(--space-200)] md:!py-[var(--space-250)]";
|
|
|
|
/**
|
|
* Template-review "Use without changes" (ghost variant) renders on a dark
|
|
* backdrop and needs an explicit text-color override in addition to the
|
|
* shared compact sizing. Composed from the base class so any future tweak
|
|
* to typography/padding propagates automatically.
|
|
*/
|
|
export const CREATE_FLOW_FOOTER_BUTTON_ON_DARK_CLASS = `${CREATE_FLOW_FOOTER_BUTTON_CLASS} !text-white`;
|