Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@novalabsxyz/base-theme
Advanced tools
@novalabsxyz/base-theme - npm Package Compare versions
Comparing version 0.1.9-alpha.0 to 0.1.16
@@ -0,1 +1,2 @@ | ||
| /// <reference types="react" /> | ||
| export interface BaseThemePalette { | ||
@@ -23,2 +24,7 @@ white: string; | ||
| grey900: string; | ||
| temp100: string; | ||
| temp200: string; | ||
| temp300: string; | ||
| temp400: string; | ||
| temp500: string; | ||
| secondaryText: string; | ||
@@ -49,68 +55,68 @@ blueViolet: string; | ||
| purple: string; | ||
| lightPurple: string; | ||
| subPink: string; | ||
| orange: string; | ||
| planMagenta: string; | ||
| orangeYellow: string; | ||
| subOrange: string; | ||
| yellow: string; | ||
| lightYellow: string; | ||
| blue: string; | ||
| lightBlue: string; | ||
| lightBlue2: string; | ||
| lightBlue: string; | ||
| cyan: string; | ||
| cyanBlue: string; | ||
| cyan: string; | ||
| lightCyan: string; | ||
| } | ||
| interface BaseThemeTypographyItem { | ||
| color?: string; | ||
| fontFamily: string; | ||
| fontSize?: number; | ||
| } | ||
| export interface BaseThemeTypography { | ||
| body0: BaseThemeTypographyItem; | ||
| body1: BaseThemeTypographyItem; | ||
| body2: BaseThemeTypographyItem; | ||
| body3: BaseThemeTypographyItem; | ||
| bold: BaseThemeTypographyItem; | ||
| h0: BaseThemeTypographyItem; | ||
| h1: BaseThemeTypographyItem; | ||
| h2: BaseThemeTypographyItem; | ||
| h3: BaseThemeTypographyItem; | ||
| h4: BaseThemeTypographyItem; | ||
| h5: BaseThemeTypographyItem; | ||
| light: BaseThemeTypographyItem; | ||
| medium: BaseThemeTypographyItem; | ||
| regular: BaseThemeTypographyItem; | ||
| subtitle1: BaseThemeTypographyItem; | ||
| subtitle2: BaseThemeTypographyItem; | ||
| subtitle3: BaseThemeTypographyItem; | ||
| subtitle4: BaseThemeTypographyItem; | ||
| button: BaseThemeTypographyItem; | ||
| buttonLight: BaseThemeTypographyItem; | ||
| buttonMedium: BaseThemeTypographyItem; | ||
| buttonBold: BaseThemeTypographyItem; | ||
| body0Light: BaseThemeTypographyItem; | ||
| body0Medium: BaseThemeTypographyItem; | ||
| body0Bold: BaseThemeTypographyItem; | ||
| body1Light: BaseThemeTypographyItem; | ||
| body1Medium: BaseThemeTypographyItem; | ||
| body1Bold: BaseThemeTypographyItem; | ||
| body2Light: BaseThemeTypographyItem; | ||
| body2Medium: BaseThemeTypographyItem; | ||
| body2Bold: BaseThemeTypographyItem; | ||
| body3Light: BaseThemeTypographyItem; | ||
| body3Medium: BaseThemeTypographyItem; | ||
| body3Bold: BaseThemeTypographyItem; | ||
| h1Light: BaseThemeTypographyItem; | ||
| h1Medium: BaseThemeTypographyItem; | ||
| h1Bold: BaseThemeTypographyItem; | ||
| h2Light: BaseThemeTypographyItem; | ||
| h2Medium: BaseThemeTypographyItem; | ||
| h2Bold: BaseThemeTypographyItem; | ||
| h3Light: BaseThemeTypographyItem; | ||
| h3Medium: BaseThemeTypographyItem; | ||
| h3Bold: BaseThemeTypographyItem; | ||
| h4Light: BaseThemeTypographyItem; | ||
| h4Medium: BaseThemeTypographyItem; | ||
| h4Bold: BaseThemeTypographyItem; | ||
| body0: React.CSSProperties; | ||
| body1: React.CSSProperties; | ||
| body2: React.CSSProperties; | ||
| body3: React.CSSProperties; | ||
| bold: React.CSSProperties; | ||
| h0: React.CSSProperties; | ||
| h1: React.CSSProperties; | ||
| h2: React.CSSProperties; | ||
| h3: React.CSSProperties; | ||
| h4: React.CSSProperties; | ||
| h5: React.CSSProperties; | ||
| light: React.CSSProperties; | ||
| medium: React.CSSProperties; | ||
| regular: React.CSSProperties; | ||
| subtitle1: React.CSSProperties; | ||
| subtitle2: React.CSSProperties; | ||
| subtitle3: React.CSSProperties; | ||
| subtitle4: React.CSSProperties; | ||
| button: React.CSSProperties; | ||
| buttonLight: React.CSSProperties; | ||
| buttonMedium: React.CSSProperties; | ||
| buttonBold: React.CSSProperties; | ||
| body0Light: React.CSSProperties; | ||
| body0Medium: React.CSSProperties; | ||
| body0Bold: React.CSSProperties; | ||
| body1Light: React.CSSProperties; | ||
| body1Medium: React.CSSProperties; | ||
| body1Bold: React.CSSProperties; | ||
| body2Light: React.CSSProperties; | ||
| body2Medium: React.CSSProperties; | ||
| body2Bold: React.CSSProperties; | ||
| body3Light: React.CSSProperties; | ||
| body3Medium: React.CSSProperties; | ||
| body3Bold: React.CSSProperties; | ||
| h1Light: React.CSSProperties; | ||
| h1Medium: React.CSSProperties; | ||
| h1Bold: React.CSSProperties; | ||
| h2Light: React.CSSProperties; | ||
| h2Medium: React.CSSProperties; | ||
| h2Bold: React.CSSProperties; | ||
| h3Light: React.CSSProperties; | ||
| h3Medium: React.CSSProperties; | ||
| h3Bold: React.CSSProperties; | ||
| h4Light: React.CSSProperties; | ||
| h4Medium: React.CSSProperties; | ||
| h4Bold: React.CSSProperties; | ||
| } | ||
| export interface BaseThemeBreakpoints { | ||
| smallPhone: number; | ||
| mediumPhone: number; | ||
| phone: number; | ||
@@ -122,3 +128,2 @@ tablet: number; | ||
| } | ||
| export {}; | ||
| //# sourceMappingURL=baseThemeTypes.d.ts.map |
@@ -1,2 +0,22 @@ | ||
| export { BaseThemeTypography, BaseThemePalette, BaseThemeBreakpoints } from "./baseThemeTypes"; | ||
| export { BaseThemeTypography, BaseThemePalette, BaseThemeBreakpoints, } from './baseThemeTypes'; | ||
| declare const NovaFont: { | ||
| bold: string; | ||
| boldItalic: string; | ||
| italic: string; | ||
| light: string; | ||
| medium: string; | ||
| mediumItalic: string; | ||
| regular: string; | ||
| semiBold: string; | ||
| }; | ||
| declare const HeliumFont: { | ||
| bold: string; | ||
| boldItalic: string; | ||
| italic: string; | ||
| light: string; | ||
| medium: string; | ||
| mediumItalic: string; | ||
| regular: string; | ||
| semiBold: string; | ||
| }; | ||
| export declare const negativeSpacing: { | ||
@@ -26,2 +46,3 @@ n_xxxxl: number; | ||
| black600: string; | ||
| black650: string; | ||
| black700: string; | ||
@@ -41,2 +62,7 @@ black800: string; | ||
| grey900: string; | ||
| temp100: string; | ||
| temp200: string; | ||
| temp300: string; | ||
| temp400: string; | ||
| temp500: string; | ||
| secondaryText: string; | ||
@@ -67,6 +93,14 @@ blueViolet: string; | ||
| purple: string; | ||
| lightPurple: string; | ||
| subPink: string; | ||
| planMagenta: string; | ||
| orange: string; | ||
| orangeYellow: string; | ||
| passionFruitOrange: string; | ||
| subOrange: string; | ||
| yellow: string; | ||
| lightYellow: string; | ||
| sun: string; | ||
| betaYellow: string; | ||
| darkYellow: string; | ||
| blue: string; | ||
@@ -131,2 +165,3 @@ lightBlue2: string; | ||
| black600: string; | ||
| black650: string; | ||
| black700: string; | ||
@@ -146,2 +181,7 @@ black800: string; | ||
| grey900: string; | ||
| temp100: string; | ||
| temp200: string; | ||
| temp300: string; | ||
| temp400: string; | ||
| temp500: string; | ||
| blueViolet: string; | ||
@@ -171,6 +211,14 @@ california: string; | ||
| purple: string; | ||
| lightPurple: string; | ||
| subPink: string; | ||
| planMagenta: string; | ||
| orange: string; | ||
| orangeYellow: string; | ||
| passionFruitOrange: string; | ||
| subOrange: string; | ||
| yellow: string; | ||
| lightYellow: string; | ||
| sun: string; | ||
| betaYellow: string; | ||
| darkYellow: string; | ||
| blue: string; | ||
@@ -421,2 +469,3 @@ lightBlue2: string; | ||
| smallPhone: number; | ||
| mediumPhone: number; | ||
| phone: number; | ||
@@ -446,3 +495,4 @@ tablet: number; | ||
| }; | ||
| export { NovaFont, HeliumFont }; | ||
| export default baseTheme; | ||
| //# sourceMappingURL=index.d.ts.map |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.negativeSpacing = void 0; | ||
| exports.HeliumFont = exports.NovaFont = exports.negativeSpacing = void 0; | ||
| const NovaFont = { | ||
| bold: "DMSans-Bold", | ||
| boldItalic: "DMSans-BoldItalic", | ||
| italic: "DMSans-Italic", | ||
| light: "DMSans-Regular", | ||
| medium: "DMSans-Medium", | ||
| mediumItalic: "DMSans-MediumItalic", | ||
| regular: "DMSans-Regular", | ||
| semiBold: "DMSans-Medium", | ||
| bold: 'DMSans-Bold', | ||
| boldItalic: 'DMSans-BoldItalic', | ||
| italic: 'DMSans-Italic', | ||
| light: 'DMSans-Regular', | ||
| medium: 'DMSans-Medium', | ||
| mediumItalic: 'DMSans-MediumItalic', | ||
| regular: 'DMSans-Regular', | ||
| semiBold: 'DMSans-Medium', | ||
| }; | ||
| exports.NovaFont = NovaFont; | ||
| const HeliumFont = { | ||
| bold: 'Inter-Bold', | ||
| boldItalic: 'Inter-BoldItalic', | ||
| italic: 'Inter-Italic', | ||
| light: 'Inter-Light', | ||
| medium: 'Inter-Medium', | ||
| mediumItalic: 'Inter-MediumItalic', | ||
| regular: 'Inter-Regular', | ||
| semiBold: 'Inter-SemiBold', | ||
| }; | ||
| exports.HeliumFont = HeliumFont; | ||
| const palette = { | ||
| white: "#FFFFFF", | ||
| black: "#000000", | ||
| black200: "#41434F", | ||
| black300: "#464646", | ||
| black400: "#3D435B", | ||
| black500: "#3B3E48", | ||
| black600: "#242424", | ||
| black700: "#131419", | ||
| black800: "#1A1C22", | ||
| black900: "#0c0c0c", | ||
| grey100: "#F7F7F7", | ||
| grey200: "#EFEFF0", | ||
| grey300: "#AEAEAE", | ||
| grey350: "#828282", | ||
| grey400: "#7E8399", | ||
| grey500: "#7D7D7D", | ||
| grey550: "#646464", | ||
| grey600: "#565B6D", | ||
| grey700: "#5A5E6C", | ||
| grey800: "#5f5f5f", | ||
| grey900: "#272727", | ||
| secondaryText: "#767676", | ||
| blueViolet: "#B250FF", | ||
| california: "#FFA217", | ||
| candyCorn: "#F9E553", | ||
| cerulean: "#35B2D9", | ||
| cornflowerBlue: "#009FF9", | ||
| flamePea: "#D95235", | ||
| mediumSpringGreen: "#53F98B", | ||
| neonCarrot: "#FF9431", | ||
| orangeRed: "#FF4016", | ||
| purple500: "#B556FF", | ||
| springGreen: "#36FA84", | ||
| sunsetOrange: "#F04E4E", | ||
| superNova: "#FFCC16", | ||
| wildStrawberry: "#FF43A3", | ||
| red200: "#F59CA2", | ||
| red300: "#F97570", | ||
| red400: "#FF6666", | ||
| red500: "#E43B70", | ||
| transparent: "#00000000", | ||
| transparent10: "#FFFFFF1A", | ||
| // Referral colors | ||
| white: '#FFFFFF', | ||
| black: '#000000', | ||
| black200: '#41434F', | ||
| black300: '#464646', | ||
| black400: '#3D435B', | ||
| black500: '#3B3E48', | ||
| black600: '#242424', | ||
| black650: '#191919', | ||
| black700: '#131419', | ||
| black800: '#1A1C22', | ||
| black900: '#0c0c0c', | ||
| grey100: '#F7F7F7', | ||
| grey200: '#EFEFF0', | ||
| grey300: '#AEAEAE', | ||
| grey350: '#828282', | ||
| grey400: '#7E8399', | ||
| grey500: '#7D7D7D', | ||
| grey550: '#646464', | ||
| grey600: '#565B6D', | ||
| grey700: '#5A5E6C', | ||
| grey800: '#5f5f5f', | ||
| grey900: '#272727', | ||
| // TEMP sub signup flow: //TODO will consolidate after design guideline | ||
| temp100: '#575757', | ||
| temp200: '#1D1D1D', | ||
| temp300: '#444444', | ||
| temp400: '#818181', | ||
| temp500: '#303030', | ||
| secondaryText: '#666666', | ||
| blueViolet: '#B250FF', | ||
| california: '#FFA217', | ||
| candyCorn: '#F9E553', | ||
| cerulean: '#35B2D9', | ||
| cornflowerBlue: '#009FF9', | ||
| flamePea: '#D95235', | ||
| mediumSpringGreen: '#53F98B', | ||
| neonCarrot: '#FF9431', | ||
| orangeRed: '#FF4016', | ||
| purple500: '#B556FF', | ||
| springGreen: '#36FA84', | ||
| sunsetOrange: '#F04E4E', | ||
| superNova: '#FFCC16', | ||
| wildStrawberry: '#FF43A3', | ||
| red200: '#F59CA2', | ||
| red300: '#F97570', | ||
| red400: '#FF6666', | ||
| red500: '#E43B70', | ||
| transparent: '#00000000', | ||
| transparent10: '#FFFFFF1A', | ||
| // Referral colors (//TODO needs to organize with pete) | ||
| magenta: '#FB1FFF', | ||
@@ -62,6 +81,14 @@ magentaLight: '#FF66AF', | ||
| purple: '#DF1CFF', | ||
| lightPurple: '#E543FF', | ||
| subPink: '#FF43A3', | ||
| planMagenta: '#D71F7D', | ||
| orange: '#FF5B75', | ||
| orangeYellow: '#FF6D3F', | ||
| passionFruitOrange: '#FF6662', | ||
| subOrange: '#FF940A', | ||
| yellow: '#FFB823', | ||
| lightYellow: '#FFC13F', | ||
| sun: '#F7A313', | ||
| betaYellow: '#F4BC2B', | ||
| darkYellow: '#F39A10', | ||
| blue: '#0075FF', | ||
@@ -76,3 +103,3 @@ lightBlue2: '#1A81F1', | ||
| body0: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -82,3 +109,3 @@ fontSize: 21, | ||
| body1: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -88,3 +115,3 @@ fontSize: 17, | ||
| body1Light: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.light, | ||
@@ -94,3 +121,3 @@ fontSize: 17, | ||
| body2: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -100,3 +127,3 @@ fontSize: 14, | ||
| body3: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -109,3 +136,3 @@ fontSize: 12, | ||
| h0: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -115,3 +142,3 @@ fontSize: 90, | ||
| h1: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -121,3 +148,3 @@ fontSize: 54, | ||
| h2: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -127,3 +154,3 @@ fontSize: 48, | ||
| h3: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -133,3 +160,3 @@ fontSize: 44, | ||
| h4: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -139,3 +166,3 @@ fontSize: 36, | ||
| h5: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -154,3 +181,3 @@ fontSize: 28, | ||
| subtitle1: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -160,3 +187,3 @@ fontSize: 24, | ||
| subtitle2: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -166,3 +193,3 @@ fontSize: 20, | ||
| subtitle3: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -172,3 +199,3 @@ fontSize: 18, | ||
| subtitle4: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.regular, | ||
@@ -178,3 +205,3 @@ fontSize: 14, | ||
| button: { | ||
| color: "primaryText", | ||
| color: 'primaryText', | ||
| fontFamily: NovaFont.medium, | ||
@@ -220,12 +247,3 @@ fontSize: 20, | ||
| NovaFont, | ||
| HeliumFont: { | ||
| bold: "Inter-Bold", | ||
| boldItalic: "Inter-BoldItalic", | ||
| italic: "Inter-Italic", | ||
| light: "Inter-Light", | ||
| medium: "Inter-Medium", | ||
| mediumItalic: "Inter-MediumItalic", | ||
| regular: "Inter-Regular", | ||
| semiBold: "Inter-SemiBold", | ||
| }, | ||
| HeliumFont, | ||
| Font: NovaFont, | ||
@@ -248,2 +266,3 @@ darkThemeColors: Object.assign(Object.assign({}, palette), { error: palette.red500, primary: palette.black, primaryBackground: palette.black, primaryIcon: palette.black600, primaryText: palette.white, secondary: palette.grey900, secondaryIcon: palette.black300, secondaryText: palette.secondaryText, surface: palette.grey900, surfaceContrast: palette.white, surfaceContrastText: palette.black, surfaceSecondary: palette.black700, surfaceSecondaryText: palette.grey300, surfaceText: palette.white }), | ||
| smallPhone: 0, | ||
| mediumPhone: 376, | ||
| phone: 400, | ||
@@ -250,0 +269,0 @@ tablet: 768, |
| { | ||
| "name": "@novalabsxyz/base-theme", | ||
| "version": "0.1.9-alpha.0", | ||
| "version": "0.1.16", | ||
| "description": "BaseTheme for Novalabs", | ||
| "keywords": [ | ||
| "helium", | ||
| "blockchain", | ||
| "currency" | ||
| ], | ||
| "contributors": [ | ||
| "Luis Perrone <peroni@nova-labs.com>" | ||
| ], | ||
| "license": "Apache-2.0", | ||
| "main": "build/index.js", | ||
@@ -19,11 +13,9 @@ "module": "build/index.js", | ||
| ], | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "scripts": { | ||
| "test": "echo \"Error: run tests from root\" && exit 1", | ||
| "clean": "rimraf build", | ||
| "build": "yarn run clean && tsc" | ||
| "build": "yarn run clean && tsc", | ||
| "prebuild": "tsc" | ||
| }, | ||
| "gitHead": "0997512fdb6563414b50608476afa6178dabadce" | ||
| "gitHead": "cdf6fa633c3cba79bd0294af5b424cde1c5cc43c" | ||
| } |
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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
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
Improved metrics
- Total package byte prevSize
- increased by5.91%
47519
- Lines of code
- increased by9.15%
883
Worsened metrics
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes