small details
This commit is contained in:
parent
61ae2807de
commit
86c92a7c65
11 changed files with 328 additions and 184 deletions
|
|
@ -439,6 +439,30 @@ export const formStyles: StyleRecord = {
|
|||
fontSize: "0.75rem",
|
||||
color: "#fca5a5",
|
||||
},
|
||||
error: {
|
||||
fontFamily: tokens.fontSans,
|
||||
fontSize: "0.75rem",
|
||||
color: "#fca5a5",
|
||||
marginTop: "0.25rem",
|
||||
},
|
||||
section: {
|
||||
marginBottom: "2rem",
|
||||
},
|
||||
sectionTitle: {
|
||||
fontFamily: tokens.fontSans,
|
||||
fontSize: "1rem",
|
||||
fontWeight: 600,
|
||||
color: tokens.textSecondary,
|
||||
marginBottom: "1.25rem",
|
||||
marginTop: 0,
|
||||
},
|
||||
actions: {
|
||||
display: "flex",
|
||||
justifyContent: "flex-end",
|
||||
marginTop: "2rem",
|
||||
paddingTop: "1.5rem",
|
||||
borderTop: `1px solid ${tokens.surfaceBorder}`,
|
||||
},
|
||||
charCount: {
|
||||
fontFamily: tokens.fontSans,
|
||||
fontSize: "0.75rem",
|
||||
|
|
@ -511,6 +535,26 @@ export const buttonStyles: StyleRecord = {
|
|||
cursor: "not-allowed",
|
||||
boxShadow: "none",
|
||||
},
|
||||
/** Primary button alias (for backwards compatibility) */
|
||||
primary: {
|
||||
fontFamily: tokens.fontSans,
|
||||
padding: "1rem",
|
||||
fontSize: "1rem",
|
||||
fontWeight: 600,
|
||||
background: tokens.primaryGradient,
|
||||
color: tokens.white,
|
||||
border: "none",
|
||||
borderRadius: tokens.radiusLg,
|
||||
cursor: "pointer",
|
||||
transition: "transform 0.2s, box-shadow 0.2s",
|
||||
boxShadow: tokens.buttonShadow,
|
||||
},
|
||||
/** Disabled button alias (for backwards compatibility) */
|
||||
disabled: {
|
||||
opacity: 0.5,
|
||||
cursor: "not-allowed",
|
||||
boxShadow: "none",
|
||||
},
|
||||
};
|
||||
|
||||
// =============================================================================
|
||||
|
|
@ -575,6 +619,17 @@ export const bannerStyles: StyleRecord = {
|
|||
color: "#4ade80",
|
||||
marginBottom: "1rem",
|
||||
},
|
||||
/** Success banner alias (for backwards compatibility) */
|
||||
success: {
|
||||
fontFamily: tokens.fontSans,
|
||||
fontSize: "0.875rem",
|
||||
padding: "1rem",
|
||||
background: "rgba(34, 197, 94, 0.15)",
|
||||
border: `1px solid ${tokens.successBorder}`,
|
||||
borderRadius: tokens.radiusMd,
|
||||
color: "#4ade80",
|
||||
marginBottom: "1rem",
|
||||
},
|
||||
};
|
||||
|
||||
// =============================================================================
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue