@catastrophee/styles - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/styles.d.ts

@@ -12,3 +12,3 @@ export declare const hexToRGB: (hex: string) => string;
 export declare const THEME_CUSTOM = "custom";
-export declare const catastropheeColors: {
+export declare const palette: {
     lime: string;
@@ -29,3 +29,3 @@ green: string;
 };
-export declare const catastropheeColorsComplementary: {
+export declare const paletteComplementary: {
     lime: string;
@@ -46,3 +46,3 @@ green: string;
 };
-export declare const onCatastropheeColors: {
+export declare const onPalette: {
     lime: string;
@@ -49,0 +49,0 @@ green: string;

dist/styles.js

@@ -14,3 +14,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var appName = window.appName || "catastrophee-app";
+var appName = window.appName || "catastrophee";
 // Helper function to transform a hex color into RGB numbers into a comma
@@ -59,3 +59,3 @@ // separated string. Example: #FFFFFF will return '255,255,255'
 var ONIX = "#0F0F0F";
-exports.catastropheeColors = {
+exports.palette = {
     lime: "#95C747",
@@ -76,3 +76,3 @@ green: "#60B15D",
 };
-exports.catastropheeColorsComplementary = {
+exports.paletteComplementary = {
     lime: "#86B340",
@@ -93,3 +93,3 @@ green: "#57A054",
 };
-exports.onCatastropheeColors = {
+exports.onPalette = {
     lime: "#050505",
@@ -172,3 +172,3 @@ green: "#EFEFEF",
 };
-exports.DarkThemeColors = __assign(__assign({ primary: RAGOON_GREEN, primary10: "#AAAAAA", primary100: "#505050", primary200: "#242424", primary300: "#323232", primary400: "#181818", onPrimary: WHITE, onPrimary10: "#505050", onPrimary200: WHITE, onPrimary100: WHITE, onPrimary300: WHITE, onPrimary400: WHITE, secondary: exports.catastropheeColors.royalBlue, onSecondary: "#FFFFFF", background: RAGOON_GREEN, surface: HUNTER_GREEN, surface10: ONIX, surface100: "#323232", error: "#e81919", onBackground: WHITE, onBackgroundVariant: WHITE, onSurface: WHITE, onError: "#FFFFFF", dark: DARK, light: WHITE, foreground: WHITE }, exports.appVariationColors), { toggleBackground: DARK, toggleThumb: NERO });
+exports.DarkThemeColors = __assign(__assign({ primary: RAGOON_GREEN, primary10: "#AAAAAA", primary100: "#505050", primary200: "#323232", primary300: "#242424", primary400: "#181818", onPrimary: WHITE, onPrimary10: "#505050", onPrimary200: WHITE, onPrimary100: WHITE, onPrimary300: WHITE, onPrimary400: WHITE, secondary: exports.palette.royalBlue, onSecondary: "#FFFFFF", background: RAGOON_GREEN, surface: HUNTER_GREEN, surface10: ONIX, surface100: "#323232", error: "#e81919", onBackground: WHITE, onBackgroundVariant: WHITE, onSurface: WHITE, onError: "#FFFFFF", dark: DARK, light: WHITE, foreground: WHITE }, exports.appVariationColors), { toggleBackground: DARK, toggleThumb: NERO });
 exports.LightThemeColors = __assign(__assign({ primary: "#FFFFFF", primary10: "#AAAAAA", primary100: "#818181", primary200: "#FFFFFF", primary300: "#F9FAFC", primary400: "#f6f6f6", onPrimary: DARK, onPrimary10: "#5a5a5a", onPrimary200: "#545454", onPrimary100: "#545454", onPrimary300: "#545454", onPrimary400: DARK, secondary: BLUE_DE_FRANCE, onSecondary: "#FFFFFF", background: "#FFFFFF", surface10: "#FFFFFF", surface: "#fdfbfb", surface100: "#F9FAFC", error: "#e81919", onBackground: DARK, onBackgroundVariant: DARK, onSurface: DARK, onError: "#FFFFFF", dark: WHITE, light: "#666666", foreground: "#666666" }, exports.appVariationColors), { toggleBackground: "#e2e1e1", toggleThumb: BLUE_DE_FRANCE });
@@ -211,4 +211,4 @@ var selectedColors = CURRENT_THEME === exports.THEME_DARK ? exports.DarkThemeColors : exports.LightThemeColors;
     ":invalid": {
-        border: "0.092rem solid " + exports.catastropheeColors.red,
-        backgroundColor: exports.setAlpha(exports.catastropheeColors.red, 0.3)
+        border: "0.092rem solid " + exports.palette.red,
+        backgroundColor: exports.setAlpha(exports.palette.red, 0.3)
     }
@@ -215,0 +215,0 @@ };

dist/templates.js

@@ -37,4 +37,4 @@ "use strict";
     primary: {
-        backgroundColor: styles_1.catastropheeColors.royalBlue,
-        border: "1px solid " + styles_1.catastropheeColors.royalBlue,
+        backgroundColor: styles_1.palette.royalBlue,
+        border: "1px solid " + styles_1.palette.royalBlue,
         borderRadius: "4px",
@@ -41,0 +41,0 @@ color: styles_1.Color.onPrimary,

package.json

 {
   "name": "@catastrophee/styles",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Styles for catastrophee SDK",
@@ -26,3 +26,3 @@ "author": "Stephani Moroni Bishop <[e-mail]>",
   },
-  "gitHead": "5270b4d731581879d999dd2587639aed04a9be0c"
+  "gitHead": "01d6c3398c18ef3c1b3b682ca353eb79944873b4"
 }

src/styles.ts

@@ -1,2 +0,2 @@
-const appName = (<any>window).appName || "catastrophee-app";
+const appName = (<any>window).appName || "catastrophee";
 
@@ -52,3 +52,3 @@ // Helper function to transform a hex color into RGB numbers into a comma
 
-export const catastropheeColors = {
+export const palette = {
   lime: "#95C747",
@@ -70,3 +70,3 @@ green: "#60B15D",
 
-export const catastropheeColorsComplementary = {
+export const paletteComplementary = {
   lime: "#86B340",
@@ -88,3 +88,3 @@ green: "#57A054",
 
-export const onCatastropheeColors = {
+export const onPalette = {
   lime: "#050505",
@@ -181,4 +181,4 @@ green: "#EFEFEF",
   primary100: "#505050",
-  primary200: "#242424",
-  primary300: "#323232",
+  primary200: "#323232",
+  primary300: "#242424",
   primary400: "#181818",
@@ -191,3 +191,3 @@ onPrimary: WHITE,
   onPrimary400: WHITE,
-  secondary: catastropheeColors.royalBlue,
+  secondary: palette.royalBlue,
   onSecondary: "#FFFFFF",
@@ -283,4 +283,4 @@ background: RAGOON_GREEN,
   ":invalid": {
-    border: `0.092rem solid ${catastropheeColors.red}`,
-    backgroundColor: setAlpha(catastropheeColors.red, 0.3)
+    border: `0.092rem solid ${palette.red}`,
+    backgroundColor: setAlpha(palette.red, 0.3)
   }
@@ -287,0 +287,0 @@ };

src/templates.ts

@@ -8,3 +8,3 @@ import {
   Margins,
-  catastropheeColors,
+  palette,
   Borders,
@@ -49,4 +49,4 @@ Family,
   primary: {
-    backgroundColor: catastropheeColors.royalBlue,
-    border: `1px solid ${catastropheeColors.royalBlue}`,
+    backgroundColor: palette.royalBlue,
+    border: `1px solid ${palette.royalBlue}`,
     borderRadius: "4px",
@@ -53,0 +53,0 @@ color: Color.onPrimary,

No alert changes

Worsened metrics

Total package byte prevSize

74371

decreased by-0.31%

No dependency changes