@blerp/design - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

CHANGELOG.md

@@ -13,2 +13,7 @@ # Version 0.0.1
 
-- Remove AllPackages exports
+- Remove AllPackages exports
+
+# Version 0.0.4
+
+- Seperated inner packages to top level
+- Differentiated Colors and UI Colors

package.json

 {
   "name": "@blerp/design",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "The blerp brand, reuseable components, and styleguide",
@@ -5,0 +5,0 @@ "author": "Blerp Inc.",

packages/allPackageImports.ts

 export {default as Branding}  from "./branding";
-export {default as Components}  from "./components";
+export {Themes as Themes}  from "./branding";
+export {Colors as Colors}  from "./branding";
+export {UIColors as UIColors}  from "./branding";
+export {default as Components}  from "./components";

packages/branding/colors.ts

 const Colors = {
-    pandaPink: '#FE295C',
-    pandaTeal: '#FE295C',
-    pandaNewTeal: '#49bea0',
-    darkTeal: '#058063',
-    whiteText: '#FFFFFF',
-    invertFlyoutBackground: '#170D11',
-    flyoutBackground: '#FFFFFF',
-    lighterBackground: '#F8F8F8',
-    defaultBackground: '#F3F3F3',
-    lighterGray: '#BDBDBB',
-    iconsActive: '#21000C',
-    iconsInActive: '#47463F',
-    headerText: '#21000C',
-    disabledText: '#BEBEBC',
-    lightGray: '#BEBEBC',
-    blastZone: '#E1E1E1',
-    orangeStatus: '#ff785b',
-    darkRedStatus: '#dd1243',
-    borderColor: '#bebeb9',
-    inputBorderColor: '#bebeb9',
-    togglerBackground: '#A04949',
-    secondaryText: '#47463F',
-    secondarySubtitleText: '#707070',
-    biteGray: '#707070',
-    secondaryGray: '#706F6B',
-    placeholderText: '#BFBFBA',
-    activeText: '#21000C',
-    primaryText: '#FFFFFF',
-    bodyText: '#21000C',
-    darkText: '#21000C',
-    darkBackground: '#666',
-    statusColor: '#DD1243',
-    actionBackground: '#E6E6E6',
-    focusState: '#27AAFF',
-    focusOutline: '#3580B1',
-    darkBlue: '#3580B1',
-    headerColor: '#170D11',
-    headerBackground: '#47463F',
-    slidePurple: '#262261'
+    ibisRed: '#FE295C', // rgba(254,41,92, 1)
+    waxWing: '#F3F3F3', // rgba(243,243,243, 1)
+    notBlack: '#21000C', // rgba(23,13,17, 1)
+    starling: '#391881', // rgba(57,24,129, 1)
+    seafoam: '#0FEBC5', // rgba(15,235,197, 1)
+    buntingBlue: '#27AAFF', // rgba(39,170,255, 1)
+    popNYellow: '#FFD400', // rgba(255,212,0, 1)
+    white: '#FFFFFF', // rgba(255,255,255, 1)
+    darkGray: '#BEBEBC', // rgba(190,190,188, 1)
+    gray: '#47463F' // rgba(71,70,63, 1)
 }
 
+
 export default Colors;

packages/branding/index.ts

 import Colors from "./colors"
+import UIColors from "./ui-colors"
 import Themes from "./themes"
@@ -6,5 +7,9 @@
     Colors,
-    Themes
+    Themes,
+    UIColors
 }
 
+export {UIColors as UIColors};
+export {Colors as Colors};
+export {Themes as Themes};
 export default Branding;

packages/branding/themes.ts

@@ -0,1 +1,3 @@
+import Colors from "./colors";
+import UIColors from "./ui-colors";
 
@@ -124,3 +126,18 @@ export const lightTheme = {
 
+const mainTheme = {
+    mainColor: Colors.ibisRed,
+    circleIconButtonBlue: Colors.starling,
+    circleIconButtonActive: Colors.white,
+    circleIconButtonHover: Colors.darkGray,
+    seaTextColor: Colors.seafoam,
+    darkText: Colors.notBlack,
+    lightText: Colors.white,
+    secondaryButton: Colors.white,
+    secondaryButtonActive: Colors.darkGray,
+    secondaryButtonHover: Colors.gray,
+    searchBarBackground: Colors.waxWing
+}
+
 const Themes = {
+    mainTheme,
     lightTheme,
@@ -127,0 +144,0 @@ darkTheme

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

386647

increased by1442.21%

Number of package files

29

increased by11.54%

Lines of code

398

increased by10.25%

No dependency changes