@77sol-ui/tokens - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

CHANGELOG.md

 # @77sol-ui/tokens
 
+## 1.1.0
+
+### Minor Changes
+
+- new alert component created
+  added new color tokens and shades
+
 ## 1.0.0
@@ -4,0 +11,0 @@

dist/index.d.ts

 declare const borderRadius: {
+    small: string;
     DEFAULT: string;
@@ -12,4 +13,11 @@ large: string;
         400: string;
-        500: string;
     };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        700: string;
+        800: string;
+    };
     gray: {
@@ -23,3 +31,7 @@ 100: string;
     };
+    white: {
+        0: string;
+    };
     green: {
+        50: string;
         100: string;
@@ -33,5 +45,20 @@ 200: string;
     };
-    red: string;
-    orange: string;
-    yellow: string;
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+    };
 };
@@ -56,2 +83,6 @@
 
-export { borderRadius, colors, fontFamily, fontSize, fontWeight };
+declare const boxShadow: {
+    DEFAULT: string;
+};
+
+export { borderRadius, boxShadow, colors, fontFamily, fontSize, fontWeight };

dist/index.js

@@ -24,2 +24,3 @@ "use strict";
   borderRadius: () => borderRadius,
+  boxShadow: () => boxShadow,
   colors: () => colors,
@@ -34,2 +35,3 @@ fontFamily: () => fontFamily,
 var borderRadius = {
+  small: "4px",
   DEFAULT: "8px",
@@ -45,5 +47,12 @@ large: "12px"
     300: "#8DBEF5",
-    400: "#2D69F6",
-    500: "#070C50"
+    400: "#2D69F6"
   },
+  blue: {
+    50: "#ECF2FE",
+    100: "#CAE0FC",
+    200: "#8DBEF5",
+    300: "#2D69F6",
+    700: "#070C50",
+    800: "#14142B"
+  },
   gray: {
@@ -57,14 +66,10 @@ 100: "#F2F2F2",
   },
-  green: {
-    100: "#6FCF97",
-    200: "#27AE60",
-    300: "#219653"
+  white: {
+    0: "#ffffff"
   },
-  accent: {
-    100: "#BB6BD9",
-    200: "#9B51E0"
-  },
-  red: "#EB5757",
-  orange: "#F2994A",
-  yellow: "#F2C94C"
+  green: { 50: "#EEFFF3", 100: "#6FCF97", 200: "#27AE60", 300: "#219653" },
+  accent: { 100: "#BB6BD9", 200: "#9B51E0" },
+  red: { 50: "#FFF6F8", 100: "#F5C7C7", 200: "#F17E7E", 300: "#EB5757" },
+  orange: { 50: "#F5E6D9", 100: "#FFD5AF", 200: "#F5B072", 300: "#F2994A" },
+  yellow: { 50: "#FFFBED", 100: "#FEEDB9", 200: "#F5D676", 300: "#F2C94C" }
 };
@@ -91,5 +96,11 @@
 };
+
+// src/box-shadow.ts
+var boxShadow = {
+  DEFAULT: "2px 8px 16px 0px rgba(60, 60, 60, 0.12);"
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   borderRadius,
+  boxShadow,
   colors,
@@ -96,0 +107,0 @@ fontFamily,

package.json

 {
   "name": "@77sol-ui/tokens",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

src/border-radius.ts

 export const borderRadius = {
+  small: '4px',
   DEFAULT: '8px',
   large: '12px',
 }

src/colors.ts

@@ -7,4 +7,11 @@ export const colors = {
     400: '#2D69F6',
-    500: '#070C50',
   },
+  blue: {
+    50: '#ECF2FE',
+    100: '#CAE0FC',
+    200: '#8DBEF5',
+    300: '#2D69F6',
+    700: '#070C50',
+    800: '#14142B',
+  },
   gray: {
@@ -18,14 +25,10 @@ 100: '#F2F2F2',
   },
-  green: {
-    100: '#6FCF97',
-    200: '#27AE60',
-    300: '#219653',
+  white: {
+    0: '#ffffff',
   },
-  accent: {
-    100: '#BB6BD9',
-    200: '#9B51E0',
-  },
-  red: '#EB5757',
-  orange: '#F2994A',
-  yellow: '#F2C94C',
+  green: { 50: '#EEFFF3', 100: '#6FCF97', 200: '#27AE60', 300: '#219653' },
+  accent: { 100: '#BB6BD9', 200: '#9B51E0' },
+  red: { 50: '#FFF6F8', 100: '#F5C7C7', 200: '#F17E7E', 300: '#EB5757' },
+  orange: { 50: '#F5E6D9', 100: '#FFD5AF', 200: '#F5B072', 300: '#F2994A' },
+  yellow: { 50: '#FFFBED', 100: '#FEEDB9', 200: '#F5D676', 300: '#F2C94C' },
 }

src/index.ts

@@ -6,1 +6,2 @@ export * from './border-radius'
 export * from './font-weight'
+export * from './box-shadow'

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

New author

Supply chain risk

A 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

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

9287

increased by35.87%

Number of package files

16

increased by6.67%

Lines of code

309

increased by22.62%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes