@blueprintui/tokens - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

index.d.ts

@@ -148,2 +148,3 @@ /**
 export const interactionHighlightBackground : string;
+export const interactionAccentBackground : string;
 export const interactionHoverBackground : string;
@@ -150,0 +151,0 @@ export const interactionHoverColor : string;

index.js

@@ -110,5 +110,5 @@ /**
 export const objectBorderColor300 = "hsl(222, 20%, 50%)";
-export const objectShadow100 = "1px 2px 3px hsla(0, 0%, 0%, 0.2)";
-export const objectShadow200 = "1px 2px 3px hsla(0, 0%, 0%, 0.3)";
-export const objectShadow300 = "1px 2px 3px hsla(0, 0%, 0%, 0.5)";
+export const objectShadow100 = "0 2px 2px hsla(0, 0%, 0%, 0.2)";
+export const objectShadow200 = "0 3px 4px hsla(0, 0%, 0%, 0.2)";
+export const objectShadow300 = "0 4px 6px hsla(0, 0%, 0%, 0.2)";
 export const objectOpacity100 = "hsla(222, 7%, 46%, 0)";
@@ -145,15 +145,16 @@ export const objectOpacity200 = "hsla(222, 7%, 46%, 0.1)";
 export const interactionTouchTarget = "36px";
-export const interactionDefaultTone = "222, 35%, 25%";
+export const interactionDefaultTone = "0, 0%, 0%";
 export const interactionDefaultBackground = "hsla(0, 0%, 0%, 0)";
 export const interactionDefaultColor = "hsl(222, 15%, 25%)";
-export const interactionHighlightBackground = "hsl(211, 100%, 46%)";
-export const interactionHoverBackground = "hsla(222, 35%, 25%, 0.1)";
+export const interactionHighlightBackground = "hsla(211, 100%, 75%, 0.15)";
+export const interactionAccentBackground = "hsl(211, 100%, 46%)";
+export const interactionHoverBackground = "hsla(0, 0%, 0%, 0.06)";
 export const interactionHoverColor = "hsl(222, 15%, 30%)";
-export const interactionFocusedBackground = "hsla(222, 35%, 25%, 0.1)";
+export const interactionFocusedBackground = "hsla(0, 0%, 0%, 0.06)";
 export const interactionFocusedColor = "hsl(222, 15%, 30%)";
-export const interactionActiveBackground = "hsla(222, 35%, 25%, 0.2)";
+export const interactionActiveBackground = "hsla(0, 0%, 0%, 0.1)";
 export const interactionActiveColor = "hsl(222, 15%, 25%)";
-export const interactionSelectedBackground = "hsla(222, 35%, 25%, 0.08)";
+export const interactionSelectedBackground = "hsla(0, 0%, 0%, 0.06)";
 export const interactionSelectedColor = "hsl(222, 15%, 25%)";
-export const interactionDisabledBackground = "hsla(222, 35%, 25%, 0)";
+export const interactionDisabledBackground = "hsla(0, 0%, 0%, 0)";
 export const interactionDisabledColor = "hsl(222, 25%, 85%)";

index.json

@@ -151,5 +151,5 @@ {
     "shadow": {
-      "100": "1px 2px 3px hsla(0, 0%, 0%, 0.2)",
-      "200": "1px 2px 3px hsla(0, 0%, 0%, 0.3)",
-      "300": "1px 2px 3px hsla(0, 0%, 0%, 0.5)"
+      "100": "0 2px 2px hsla(0, 0%, 0%, 0.2)",
+      "200": "0 3px 4px hsla(0, 0%, 0%, 0.2)",
+      "300": "0 4px 6px hsla(0, 0%, 0%, 0.2)"
     },
@@ -216,3 +216,3 @@ "opacity": {
     "default": {
-      "tone": "222, 35%, 25%",
+      "tone": "0, 0%, 0%",
       "background": "hsla(0, 0%, 0%, 0)",
@@ -222,22 +222,25 @@ "color": "hsl(222, 15%, 25%)"
     "highlight": {
+      "background": "hsla(211, 100%, 75%, 0.15)"
+    },
+    "accent": {
       "background": "hsl(211, 100%, 46%)"
     },
     "hover": {
-      "background": "hsla(222, 35%, 25%, 0.1)",
+      "background": "hsla(0, 0%, 0%, 0.06)",
       "color": "hsl(222, 15%, 30%)"
     },
     "focused": {
-      "background": "hsla(222, 35%, 25%, 0.1)",
+      "background": "hsla(0, 0%, 0%, 0.06)",
       "color": "hsl(222, 15%, 30%)"
     },
     "active": {
-      "background": "hsla(222, 35%, 25%, 0.2)",
+      "background": "hsla(0, 0%, 0%, 0.1)",
       "color": "hsl(222, 15%, 25%)"
     },
     "selected": {
-      "background": "hsla(222, 35%, 25%, 0.08)",
+      "background": "hsla(0, 0%, 0%, 0.06)",
       "color": "hsl(222, 15%, 25%)"
     },
     "disabled": {
-      "background": "hsla(222, 35%, 25%, 0)",
+      "background": "hsla(0, 0%, 0%, 0)",
       "color": "hsl(222, 25%, 85%)"
@@ -244,0 +247,0 @@ }

package.json

 {
   "name": "@blueprintui/tokens",
   "description": "",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "index.js",
@@ -9,7 +9,7 @@ "scripts": {
     "build": "npm run clean && npm run build:copy && npm run build:tokens",
-    "build:tokens": "node ./style-dictionary.config.js && csso dist/index.css --output dist/index.min.css",
-    "build:copy": "cpy ./package.json ./dist",
+    "build:tokens": "node ./style-dictionary.config.js && csso dist/lib/index.css --output dist/lib/index.min.css",
+    "build:copy": "cpy ./package.json ./dist/lib",
     "clean": "rm -rf dist",
     "test": "wtr --config ./web-test-runner.config.mjs",
-    "publish": "cd dist/ && npm publish --access public"
+    "publish": "cd dist/lib && npm publish --access public"
   },
@@ -16,0 +16,0 @@ "repository": {

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

35354

increased by0.76%

Lines of code

716

increased by0.85%

No dependency changes