@novalabsxyz/base-theme
Advanced tools
Comparing version 1.0.2 to 1.0.3-alpha.0
@@ -345,2 +345,3 @@ export { BaseThemeTypography, BaseThemePalette, BaseThemeBreakpoints, } from './baseThemeTypes'; | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -354,2 +355,3 @@ legalMedium: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -363,2 +365,3 @@ legalBold: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -372,2 +375,3 @@ h2Light: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -381,2 +385,3 @@ h2Medium: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -390,2 +395,3 @@ h2Bold: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -399,2 +405,3 @@ h3Light: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -408,2 +415,3 @@ h3Medium: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -417,2 +425,3 @@ h3Bold: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -426,2 +435,3 @@ h4Light: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -435,2 +445,3 @@ h4Medium: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -444,2 +455,3 @@ h4Bold: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -454,2 +466,3 @@ h1: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
}; | ||
@@ -462,2 +475,3 @@ h2: { | ||
letterSpacing: number; | ||
marginTop: number; | ||
fontWeight: number; | ||
@@ -471,2 +485,3 @@ }; | ||
letterSpacing: number; | ||
marginTop: number; | ||
fontWeight: number; | ||
@@ -480,2 +495,3 @@ }; | ||
letterSpacing: number; | ||
marginTop: number; | ||
fontWeight: number; | ||
@@ -489,2 +505,3 @@ }; | ||
letterSpacing: number; | ||
marginTop: number; | ||
fontWeight: number; | ||
@@ -498,2 +515,3 @@ }; | ||
letterSpacing: number; | ||
marginTop: number; | ||
fontWeight: number; | ||
@@ -507,2 +525,3 @@ }; | ||
letterSpacing: number; | ||
marginTop: number; | ||
fontWeight: number; | ||
@@ -509,0 +528,0 @@ }; |
@@ -186,62 +186,2 @@ "use strict"; | ||
}; | ||
let mobileVariants = { | ||
h1: { | ||
color: 'primaryText', | ||
fontFamily: PermanentMarkerFont.regular, | ||
fontSize: 90, | ||
lineHeight: 90, | ||
fontWeight: 400, | ||
textTransform: 'uppercase', | ||
letterSpacing: -4.5, | ||
}, | ||
h2: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 40, | ||
lineHeight: 40, | ||
letterSpacing: -1.2, | ||
fontWeight: 500, | ||
}, | ||
h3: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 30, | ||
lineHeight: 30, | ||
letterSpacing: -0.9, | ||
fontWeight: 500, | ||
}, | ||
h4: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 18, | ||
lineHeight: 18, | ||
letterSpacing: -0.54, | ||
fontWeight: 400, | ||
}, | ||
body: { | ||
color: 'secondaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 16, | ||
lineHeight: 16, | ||
letterSpacing: -0.48, | ||
fontWeight: 400, | ||
}, | ||
legal: { | ||
color: 'secondaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 14, | ||
lineHeight: 14, | ||
letterSpacing: -0.42, | ||
fontWeight: 400, | ||
}, | ||
button: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.medium, | ||
fontSize: 20, | ||
lineHeight: 20, | ||
letterSpacing: -0.6, | ||
fontWeight: 500, | ||
}, | ||
}; | ||
const mobileTextVariants = Object.assign(Object.assign({}, mobileVariants), { legalLight: Object.assign(Object.assign({}, mobileVariants.legal), light), legalMedium: Object.assign(Object.assign({}, mobileVariants.legal), medium), legalBold: Object.assign(Object.assign({}, mobileVariants.legal), bold), h2Light: Object.assign(Object.assign({}, mobileVariants.h2), light), h2Medium: Object.assign(Object.assign({}, mobileVariants.h2), medium), h2Bold: Object.assign(Object.assign({}, mobileVariants.h2), bold), h3Light: Object.assign(Object.assign({}, mobileVariants.h3), light), h3Medium: Object.assign(Object.assign({}, mobileVariants.h3), medium), h3Bold: Object.assign(Object.assign({}, mobileVariants.h3), bold), h4Light: Object.assign(Object.assign({}, mobileVariants.h4), light), h4Medium: Object.assign(Object.assign({}, mobileVariants.h4), medium), h4Bold: Object.assign(Object.assign({}, mobileVariants.h4), bold) }); | ||
const textVariants = Object.assign(Object.assign({}, baseTextVariants), { legalLight: Object.assign(Object.assign({}, baseTextVariants.legal), light), legalMedium: Object.assign(Object.assign({}, baseTextVariants.legal), medium), legalBold: Object.assign(Object.assign({}, baseTextVariants.legal), bold), h2Light: Object.assign(Object.assign({}, baseTextVariants.h2), light), h2Medium: Object.assign(Object.assign({}, baseTextVariants.h2), medium), h2Bold: Object.assign(Object.assign({}, baseTextVariants.h2), bold), h3Light: Object.assign(Object.assign({}, baseTextVariants.h3), light), h3Medium: Object.assign(Object.assign({}, baseTextVariants.h3), medium), h3Bold: Object.assign(Object.assign({}, baseTextVariants.h3), bold), h4Light: Object.assign(Object.assign({}, baseTextVariants.h4), light), h4Medium: Object.assign(Object.assign({}, baseTextVariants.h4), medium), h4Bold: Object.assign(Object.assign({}, baseTextVariants.h4), bold) }); | ||
@@ -318,2 +258,69 @@ const baseSpacing = { | ||
}; | ||
let mobileVariants = { | ||
h1: { | ||
color: 'primaryText', | ||
fontFamily: PermanentMarkerFont.regular, | ||
fontSize: 90, | ||
lineHeight: 79.65, | ||
fontWeight: 400, | ||
textTransform: 'uppercase', | ||
letterSpacing: -4.5, | ||
marginTop: baseSpacing[1], | ||
}, | ||
h2: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 40, | ||
lineHeight: 35.4, | ||
letterSpacing: -1.2, | ||
marginTop: baseSpacing[1], | ||
fontWeight: 500, | ||
}, | ||
h3: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 30, | ||
lineHeight: 26.55, | ||
letterSpacing: -0.9, | ||
marginTop: baseSpacing[1], | ||
fontWeight: 500, | ||
}, | ||
h4: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 18, | ||
lineHeight: 15.93, | ||
letterSpacing: -0.54, | ||
marginTop: baseSpacing[1], | ||
fontWeight: 400, | ||
}, | ||
body: { | ||
color: 'secondaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 16, | ||
lineHeight: 14.16, | ||
letterSpacing: -0.48, | ||
marginTop: baseSpacing[1], | ||
fontWeight: 400, | ||
}, | ||
legal: { | ||
color: 'secondaryText', | ||
fontFamily: NovaFont.regular, | ||
fontSize: 14, | ||
lineHeight: 12.39, | ||
letterSpacing: -0.42, | ||
marginTop: baseSpacing[1], | ||
fontWeight: 400, | ||
}, | ||
button: { | ||
color: 'primaryText', | ||
fontFamily: NovaFont.medium, | ||
fontSize: 20, | ||
lineHeight: 17.7, | ||
letterSpacing: -0.6, | ||
marginTop: baseSpacing[1], | ||
fontWeight: 500, | ||
}, | ||
}; | ||
const mobileTextVariants = Object.assign(Object.assign({}, mobileVariants), { legalLight: Object.assign(Object.assign({}, mobileVariants.legal), light), legalMedium: Object.assign(Object.assign({}, mobileVariants.legal), medium), legalBold: Object.assign(Object.assign({}, mobileVariants.legal), bold), h2Light: Object.assign(Object.assign({}, mobileVariants.h2), light), h2Medium: Object.assign(Object.assign({}, mobileVariants.h2), medium), h2Bold: Object.assign(Object.assign({}, mobileVariants.h2), bold), h3Light: Object.assign(Object.assign({}, mobileVariants.h3), light), h3Medium: Object.assign(Object.assign({}, mobileVariants.h3), medium), h3Bold: Object.assign(Object.assign({}, mobileVariants.h3), bold), h4Light: Object.assign(Object.assign({}, mobileVariants.h4), light), h4Medium: Object.assign(Object.assign({}, mobileVariants.h4), medium), h4Bold: Object.assign(Object.assign({}, mobileVariants.h4), bold) }); | ||
// breakpoints | ||
@@ -320,0 +327,0 @@ exports.breakpoints = { |
{ | ||
"name": "@novalabsxyz/base-theme", | ||
"version": "1.0.2", | ||
"version": "1.0.3-alpha.0", | ||
"description": "BaseTheme for Novalabs", | ||
@@ -19,3 +19,3 @@ "contributors": [ | ||
}, | ||
"gitHead": "5d8d3611e20ec5b530b80059e43acaf21e1062a3" | ||
"gitHead": "0e36f5de447bfb7262e62bcb1abc54c0053c697d" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
51500
1039
2