Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@novalabsxyz/web-theme
Advanced tools
@novalabsxyz/web-theme - npm Package Compare versions
Comparing version 0.1.30 to 0.1.32-alpha.0
@@ -23,4 +23,4 @@ "use strict"; | ||
| xxs: 0, | ||
| xs: base_theme_1.default.breakpoints.phone, | ||
| sm: base_theme_1.default.breakpoints.tablet, | ||
| xs: base_theme_1.default.breakpoints.xs, | ||
| sm: base_theme_1.default.breakpoints.sm, | ||
| md: base_theme_1.default.breakpoints.md, | ||
@@ -42,2 +42,9 @@ lg: base_theme_1.default.breakpoints.lg, | ||
| }, | ||
| MuiTypography: { | ||
| styleOverrides: { | ||
| root: { | ||
| lineHeight: 1.1, | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
@@ -44,0 +51,0 @@ }); |
| import { PaletteMode } from '@mui/material'; | ||
| declare const palette: { | ||
| black: string; | ||
| appBackground: string; | ||
| cardBackground: string; | ||
| slate: string; | ||
| mineshaft: string; | ||
| asphalt: string; | ||
| tundora: string; | ||
| doveGrey: string; | ||
| bodyGrey: string; | ||
| silver: string; | ||
| white: string; | ||
| black: string; | ||
| black200: string; | ||
| black300: string; | ||
| black400: string; | ||
| black500: string; | ||
| black600: string; | ||
| black650: string; | ||
| black700: string; | ||
| black800: string; | ||
| black900: string; | ||
| grey100: string; | ||
| grey200: string; | ||
| grey300: string; | ||
| grey350: string; | ||
| grey400: string; | ||
| grey500: string; | ||
| grey550: string; | ||
| grey600: string; | ||
| grey700: string; | ||
| grey800: string; | ||
| grey900: string; | ||
| temp100: string; | ||
| temp200: string; | ||
| temp300: string; | ||
| temp400: string; | ||
| temp500: string; | ||
| secondaryText: string; | ||
| blueViolet: string; | ||
| california: string; | ||
| candyCorn: string; | ||
| cerulean: string; | ||
| cornflowerBlue: string; | ||
| flamePea: string; | ||
| mediumSpringGreen: string; | ||
| neonCarrot: string; | ||
| orangeRed: string; | ||
| purple500: string; | ||
| springGreen: string; | ||
| sunsetOrange: string; | ||
| superNova: string; | ||
| wildStrawberry: string; | ||
| dangerInput: string; | ||
| red100: string; | ||
| red200: string; | ||
| red300: string; | ||
| red400: string; | ||
| red500: string; | ||
| transparent: string; | ||
| transparent10: string; | ||
| magenta: string; | ||
| magentaLight: string; | ||
| pink: string; | ||
| red: string; | ||
| purple: string; | ||
| lightPurple: string; | ||
| subPink: string; | ||
| planMagenta: string; | ||
| blue: string; | ||
| green: string; | ||
| yellow: string; | ||
| orange: string; | ||
| orangeYellow: string; | ||
| passionFruitOrange: string; | ||
| subOrange: string; | ||
| yellow: string; | ||
| lightYellow: string; | ||
| sun: string; | ||
| betaYellow: string; | ||
| darkYellow: string; | ||
| blue: string; | ||
| lightBlue2: string; | ||
| lightBlue: string; | ||
| cyanBlue: string; | ||
| cyan: string; | ||
| lightCyan: string; | ||
| teal: string; | ||
| pink: string; | ||
| magenta: string; | ||
| lime: string; | ||
| darkBlue: string; | ||
| mode: PaletteMode; | ||
@@ -74,0 +30,0 @@ }; |
@@ -7,4 +7,22 @@ "use strict"; | ||
| const base_theme_1 = __importDefault(require("@novalabsxyz/base-theme")); | ||
| const palette = Object.assign({ mode: 'dark' }, base_theme_1.default.palette); | ||
| // purpleToGreen: | ||
| // 'linear-gradient(135deg, #B250FF 18.23%, #52C1FF 49.48%, #00E268 78.65%)', | ||
| // yellowToOrange: 'linear-gradient(135deg, #FFD231 18.23%, #FF6B17 78.65%)', | ||
| // blueToTeal: 'linear-gradient(135deg, #52C1FF 18.23%, #17FF90 78.65%)', | ||
| // pinkToMagenta: 'linear-gradient(131deg, #FF4AA1 -4.02%, #DF1CFF 94.46%)', | ||
| // yellowToPurple: | ||
| // 'linear-gradient(134deg, #FFCC16 -0.9%, #FF4AA1 51.59%, #B250FF 100.9%)', | ||
| // yellowToLime: 'linear-gradient(137deg, #FFCC16 1.63%, #8CFA36 98.37%)', | ||
| // darkBlueToMagenta: 'linear-gradient(132deg, #2B99FF -2.91%, #DF1CFF 102.91%)', | ||
| const themeGradients = base_theme_1.default.gradients; | ||
| const gradients = Object.keys(themeGradients).reduce((acc, key) => { | ||
| // Find gradient | ||
| let colors = ''; | ||
| themeGradients[key].colors.forEach((element, index) => { | ||
| colors += `${element} ${themeGradients[key].locations[index] * 100}%, `; | ||
| }); | ||
| return Object.assign(Object.assign({}, acc), { [key]: `linear-gradient(${themeGradients[key].angle}deg, ${colors})` }); | ||
| }, {}); | ||
| const palette = Object.assign(Object.assign({ mode: 'dark' }, base_theme_1.default.palette), gradients); | ||
| exports.default = palette; | ||
| //# sourceMappingURL=palette.js.map |
@@ -1,9 +0,51 @@ | ||
| import { BaseThemeTypography, BaseThemePalette } from '@novalabsxyz/base-theme/build/baseThemeTypes' | ||
| import { | ||
| BaseThemeTypography, | ||
| BaseThemePalette, | ||
| } from '@novalabsxyz/base-theme/build/baseThemeTypes' | ||
| import { BreakpointOverrides } from '@mui/system/createTheme/createBreakpoints' | ||
| declare module '@mui/material/styles' { | ||
| interface TypographyVariants extends BaseThemeTypography {} | ||
| interface TypographyVariantsOptions extends BaseThemeTypography {} | ||
| interface TypographyVariants {} | ||
| interface TypographyVariantsOptions {} | ||
| interface Palette extends BaseThemePalette {} | ||
| interface PaletteOptions extends BaseThemePalette {} | ||
| interface PaletteOptions { | ||
| black: string | ||
| appBackground: string | ||
| cardBackground: string | ||
| slate: string | ||
| mineshaft: string | ||
| asphalt: string | ||
| tundora: string | ||
| doveGrey: string | ||
| bodyGrey: string | ||
| silver: string | ||
| white: string | ||
| dangerInput: string | ||
| red100: string | ||
| red200: string | ||
| red300: string | ||
| red: string | ||
| // Gradient colors | ||
| purple: string | ||
| blue: string | ||
| green: string | ||
| yellow: string | ||
| orange: string | ||
| teal: string | ||
| pink: string | ||
| magenta: string | ||
| lime: string | ||
| darkBlue: string | ||
| // Gradients | ||
| purpleToGreen: string | ||
| yellowToOrange: string | ||
| blueToTeal: string | ||
| pinkToMagenta: string | ||
| yellowToPurple: string | ||
| yellowToLime: string | ||
| darkBlueToMagenta: string | ||
| } | ||
| } | ||
@@ -18,8 +60,2 @@ | ||
| interface TypographyPropsVariantOverrides { | ||
| body0: true | ||
| body1: true | ||
| body2: true | ||
| body3: true | ||
| bold: true | ||
| h0: true | ||
| h1: true | ||
@@ -29,47 +65,15 @@ h2: true | ||
| h4: true | ||
| h5: true | ||
| light: true | ||
| medium: true | ||
| regular: true | ||
| subtitle1: true | ||
| subtitle2: true | ||
| subtitle3: true | ||
| subtitle4: true | ||
| button: true | ||
| body: true | ||
| legal: true | ||
| } | ||
| } | ||
| buttonLight: true | ||
| buttonMedium: true | ||
| buttonBold: true | ||
| body0Light: true | ||
| body0Medium: true | ||
| body0Bold: true | ||
| body1Light: true | ||
| body1Medium: true | ||
| body1Bold: true | ||
| body2Light: true | ||
| body2Medium: true | ||
| body2Bold: true | ||
| body3Light: true | ||
| body3Medium: true | ||
| body3Bold: true | ||
| h1Light: true | ||
| h1Medium: true | ||
| h1Bold: true | ||
| h2Light: true | ||
| h2Medium: true | ||
| h2Bold: true | ||
| h3Light: true | ||
| h3Medium: true | ||
| h3Bold: true | ||
| h4Light: true | ||
| h4Medium: true | ||
| h4Bold: true | ||
| declare module '@mui/material/Typography' { | ||
| interface TypographyOptions { | ||
| h1: any | ||
| h2: any | ||
| h3: any | ||
| h4: any | ||
| body: any | ||
| legal: any | ||
| } | ||
@@ -87,2 +91,2 @@ } | ||
| } | ||
| } | ||
| } |
| declare const typography: { | ||
| buttonLight: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| buttonMedium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| buttonBold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body0Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body0Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body0Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body1Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body1Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body1Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body2Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body2Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body2Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body3Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body3Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body3Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h1Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h1Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h1Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h2Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h2Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h2Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h3Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h3Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h3Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h4Light: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h4Medium: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| h4Bold: { | ||
| fontFamily: string; | ||
| color: string; | ||
| fontSize: number; | ||
| }; | ||
| body0: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| body1: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| body2: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| body3: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| bold: { | ||
| fontFamily: string; | ||
| }; | ||
| h0: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| h1: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| h2: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| h3: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| h4: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| h5: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| light: { | ||
| fontFamily: string; | ||
| }; | ||
| medium: { | ||
| fontFamily: string; | ||
| }; | ||
| regular: { | ||
| fontFamily: string; | ||
| }; | ||
| subtitle1: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| subtitle2: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| subtitle3: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| subtitle4: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| button: { | ||
| color: string; | ||
| fontFamily: string; | ||
| fontSize: number; | ||
| }; | ||
| fontFamily: string; | ||
@@ -225,0 +3,0 @@ }; |
| { | ||
| "name": "@novalabsxyz/web-theme", | ||
| "version": "0.1.30", | ||
| "version": "0.1.32-alpha.0", | ||
| "description": "Novalabs Web Theme", | ||
@@ -28,3 +28,3 @@ "contributors": [ | ||
| "dependencies": { | ||
| "@novalabsxyz/base-theme": "^0.1.30", | ||
| "@novalabsxyz/base-theme": "^0.1.32-alpha.0", | ||
| "react": "18.2.0" | ||
@@ -35,3 +35,3 @@ }, | ||
| }, | ||
| "gitHead": "fc4d7603d01ffb66aa7620c88340574fbb6dc2dd" | ||
| "gitHead": "22dc50ddc5365d94ae5e2261ce7d3b354e05709f" | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
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
Worsened metrics
- Total package byte prevSize
- decreased by-13.94%
22593
- Lines of code
- decreased by-51.45%
218
- Number of medium supply chain risk alerts
- increased byInfinity%
1
Dependency changes
+ Added@novalabsxyz/base-theme@0.1.32-alpha.0(transitive)
- Removed@novalabsxyz/base-theme@0.1.30(transitive)