b778b83ac4
* refactor admin settings feature * separated save-restart bar to separate component * created new CE dir to facilitate code split * created separate ee dir and exporting everything we have in ce file. * little mod * minor fix * splitting settings types config * using object literals for category types instead of enums * CE: support use of component for each category * minor style fix * authentication page UI changes implemented * github signup doc url added back * removed comments * routing updates * made subcategories listing in left pane optional * added muted saml to auth listing * added breadcrumbs and enabled button * created separate component for auth page and auth config * added callout and disconnect components * updated breadcrumbs component * minor updates to common components * updated warning callout and added icon * ce: test cases fixed * updated test file name * warning banner callout added on auth page * updated callout banner for form login * CE: Split config files * CE: moved the window declaration in EE file as its dependency will be updated in EE * CE: Splitting ApiConstants and SocialLogin constants * CE: split login page * CE: moved getSocialLoginButtonProps func to EE file as it's dependencies will be updated in EE * added key icon * CE: created a factory class to share social auths list * Minor style fix for social btns * Updated the third party auth styles * Small fixes to styling * ce: splitting forms constants * breadcrumbs implemented for all pages in admin settings * Settings breadcrumbs separated * splitted settings breadcrumbs between ce and ee * renamed default import * minor style fix * added login form config. * updated login/signup pages to use form login disabled config * removed common functionality outside * implemented breadcrumb component from scratch without using blueprint * removed unwanted code * Small style update * updated breadcrumb categories file name and breadcrumb icon * added cypress tests for admin settings auth page * added comments * update locator for upgrade button * added link for intercom on upgrade button * removed unnecessary file * minor style fix * style fix for auth option cards * split messages constant * fixed imports for message constants splitting. * added message constants * updated unit test cases * fixed messages import in cypress index * fixed messages import again, cypress fails to read re-exported objs. * added OIDC auth method on authentication page * updated import statements from ee to @appsmith * removed dead code * updated read more link UI * PR comments fixes * some UI fixes * used color and fonts from theme * fixed some imports * fixed some imports * removed warning imports * updated OIDC logo and auth method desc copies * css changes * css changes * css changes * updated cypress test for breadcrumb * moved callout component to ads as calloutv2 * UI changes for form fields * updated css for spacing between form fields * added sub-text on auth pages * added active class for breadcrumb item * added config for disable signup toggle and fixed UI issues of restart banner * fixed admin settings page bugs * assigned true as default state for signup * fixed messages import statements * updated code for PR comments related suggestions * reverted file path change in cypress support * updated cypress test * updated cypress test Co-authored-by: Ankita Kinger <ankita@appsmith.com>
161 lines
2.7 KiB
TypeScript
161 lines
2.7 KiB
TypeScript
export const typography = {
|
|
h1: {
|
|
fontSize: 20,
|
|
lineHeight: 27,
|
|
letterSpacing: -0.204,
|
|
fontWeight: 500,
|
|
},
|
|
h2: {
|
|
fontSize: 18,
|
|
lineHeight: 25,
|
|
letterSpacing: -0.204,
|
|
fontWeight: 500,
|
|
},
|
|
h3: {
|
|
fontSize: 17,
|
|
lineHeight: 22,
|
|
letterSpacing: -0.204,
|
|
fontWeight: 500,
|
|
},
|
|
h4: {
|
|
fontSize: 16,
|
|
lineHeight: 21,
|
|
letterSpacing: -0.24,
|
|
fontWeight: 500,
|
|
},
|
|
h5: {
|
|
fontSize: 14,
|
|
lineHeight: 19,
|
|
letterSpacing: -0.24,
|
|
fontWeight: 500,
|
|
},
|
|
h6: {
|
|
fontSize: 12,
|
|
lineHeight: 14,
|
|
letterSpacing: 0.8,
|
|
fontWeight: 500,
|
|
},
|
|
p0: {
|
|
fontSize: 16,
|
|
lineHeight: 20,
|
|
letterSpacing: -0.24,
|
|
fontWeight: 500,
|
|
},
|
|
p1: {
|
|
fontSize: 14,
|
|
lineHeight: 19,
|
|
letterSpacing: -0.24,
|
|
fontWeight: "normal",
|
|
},
|
|
p2: {
|
|
fontSize: 13,
|
|
lineHeight: 17,
|
|
letterSpacing: -0.24,
|
|
fontWeight: "normal",
|
|
},
|
|
p3: {
|
|
fontSize: 12,
|
|
lineHeight: 16,
|
|
letterSpacing: -0.221538,
|
|
fontWeight: "normal",
|
|
},
|
|
p4: {
|
|
fontSize: 13,
|
|
lineHeight: 16,
|
|
letterSpacing: -0.221538,
|
|
fontWeight: 600,
|
|
},
|
|
btnLarge: {
|
|
fontSize: 13,
|
|
lineHeight: 15,
|
|
letterSpacing: 0.6,
|
|
fontWeight: 600,
|
|
},
|
|
btnMedium: {
|
|
fontSize: 12,
|
|
lineHeight: 14,
|
|
letterSpacing: 0.6,
|
|
fontWeight: 600,
|
|
},
|
|
btnSmall: {
|
|
fontSize: 11,
|
|
lineHeight: 12,
|
|
letterSpacing: 0.4,
|
|
fontWeight: 600,
|
|
},
|
|
floatingBtn: {
|
|
fontSize: 14,
|
|
lineHeight: 17,
|
|
letterSpacing: -0.24,
|
|
fontWeight: "normal",
|
|
},
|
|
releaseList: {
|
|
fontSize: 14,
|
|
lineHeight: 23,
|
|
letterSpacing: -0.24,
|
|
fontWeight: "normal",
|
|
},
|
|
cardHeader: {
|
|
fontStyle: "normal",
|
|
fontWeight: 600,
|
|
fontSize: 25,
|
|
lineHeight: 20,
|
|
},
|
|
cardSubheader: {
|
|
fontStyle: "normal",
|
|
fontWeight: "normal",
|
|
fontSize: 15,
|
|
lineHeight: 20,
|
|
},
|
|
largeH1: {
|
|
fontStyle: "normal",
|
|
fontWeight: "bold",
|
|
fontSize: 28,
|
|
lineHeight: 36,
|
|
},
|
|
docHeader: {
|
|
fontStyle: "normal",
|
|
fontWeight: "bold",
|
|
fontSize: 17,
|
|
},
|
|
spacedOutP1: {
|
|
fontStyle: "normal",
|
|
fontWeight: "normal",
|
|
fontSize: 14,
|
|
lineHeight: 24,
|
|
},
|
|
categoryBtn: {
|
|
fontSize: 12,
|
|
lineHeight: 14,
|
|
letterSpacing: 0.2,
|
|
fontWeight: 500,
|
|
},
|
|
sideHeading: {
|
|
fontStyle: "normal",
|
|
fontWeight: "bold",
|
|
fontSize: 13,
|
|
},
|
|
u1: {
|
|
fontStyle: "normal",
|
|
fontWeight: 600,
|
|
fontSize: 14,
|
|
lineHeight: 17,
|
|
},
|
|
u2: {
|
|
fontSize: 10,
|
|
fontStyle: "normal",
|
|
fontWeight: 600,
|
|
lineHeight: 12,
|
|
},
|
|
dangerHeading: {
|
|
fontStyle: "normal",
|
|
fontWeight: 500,
|
|
fontSize: 24,
|
|
lineHeight: 28,
|
|
letterSpacing: -0.24,
|
|
},
|
|
};
|
|
|
|
export type TypographyKeys = keyof typeof typography;
|
|
export type Typography = typeof typography;
|