@novalabsxyz/base-theme - npm Package Compare versions

Comparing version 0.1.8-alpha.0 to 0.1.8

build/baseThemeTypes.d.ts

@@ -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,65 +55,64 @@ 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;
 }
@@ -122,3 +127,2 @@ export interface BaseThemeBreakpoints {
 }
-export {};
 //# sourceMappingURL=baseThemeTypes.d.ts.map

build/index.d.ts

 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;
@@ -445,3 +493,4 @@ lightBlue2: string;
 };
+export { NovaFont, HeliumFont };
 export default baseTheme;
 //# sourceMappingURL=index.d.ts.map

build/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.negativeSpacing = void 0;
+exports.HeliumFont = exports.NovaFont = exports.negativeSpacing = void 0;
 const NovaFont = {
@@ -14,2 +14,14 @@ bold: "DMSans-Bold",
 };
+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 = {
@@ -23,2 +35,3 @@ white: "#FFFFFF",
     black600: "#242424",
+    black650: '#191919',
     black700: "#131419",
@@ -38,3 +51,9 @@ black800: "#1A1C22",
     grey900: "#272727",
-    secondaryText: "#767676",
+    // TEMP sub signup flow: //TODO will consolidate after design guideline
+    temp100: "#575757",
+    temp200: '#1D1D1D',
+    temp300: '#444444',
+    temp400: '#818181',
+    temp500: '#303030',
+    secondaryText: "#666666",
     blueViolet: "#B250FF",
@@ -60,3 +79,3 @@ california: "#FFA217",
     transparent10: "#FFFFFF1A",
-    // Referral colors
+    // Referral colors (//TODO needs to organize with pete)
     magenta: '#FB1FFF',
@@ -66,6 +85,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',
@@ -208,12 +235,3 @@ lightBlue2: '#1A81F1',
     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,
@@ -220,0 +238,0 @@ 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 }),

package.json

 {
   "name": "@novalabsxyz/base-theme",
-  "version": "0.1.8-alpha.0",
+  "version": "0.1.8",
   "description": "BaseTheme for Novalabs",
@@ -27,3 +27,3 @@ "keywords": [
   },
-  "gitHead": "0997512fdb6563414b50608476afa6178dabadce"
+  "gitHead": "c5f56bd711caca6cc8b49442cfbf2b84be4ccb0f"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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

47523

increased by5.92%

Lines of code

880

increased by8.78%

No dependency changes