adilallo
25 lines
1.3 KiB
TypeScript
25 lines
1.3 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 =
|
|
"md:!text-[14px] md:!leading-[16px] !text-[12px] !leading-[14px] " +
|
|
"!px-[var(--spacing-measures-spacing-200,8px)] md:!px-[var(--spacing-measures-spacing-250,10px)] " +
|
|
"!py-[var(--spacing-measures-spacing-200,8px)] md:!py-[var(--spacing-measures-spacing-250,10px)]";
|
|
|
|
/**
|
|
* 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`;
|