@blueprintui/tokens - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

index.d.ts

@@ -25,2 +25,3 @@ /**
 export const size11 : string;
+export const size12 : string;
 export const layoutGridCols : string;
@@ -97,2 +98,3 @@ export const layoutWidthXs : string;
 export const textSize700 : string;
+export const textSize800 : string;
 export const textFont : string;
@@ -144,13 +146,15 @@ export const textHeaderFont : string;
 export const interactionTouchTarget : string;
-export const interactionBackgroundDefault : string;
-export const interactionBackgroundHover : string;
-export const interactionBackgroundSelected : string;
-export const interactionBackgroundFocused : string;
-export const interactionBackgroundActive : string;
-export const interactionBackgroundDisabled : string;
-export const interactionBackgroundHighlight : string;
-export const interactionColorDefault : string;
-export const interactionColorHover : string;
-export const interactionColorActive : string;
-export const interactionColorSelected : string;
-export const interactionColorDisabled : string;
+export const interactionDefaultTone : string;
+export const interactionDefaultBackground : string;
+export const interactionDefaultColor : string;
+export const interactionHighlightBackground : string;
+export const interactionHoverBackground : string;
+export const interactionHoverColor : string;
+export const interactionFocusedBackground : string;
+export const interactionFocusedColor : string;
+export const interactionActiveBackground : string;
+export const interactionActiveColor : string;
+export const interactionSelectedBackground : string;
+export const interactionSelectedColor : string;
+export const interactionDisabledBackground : string;
+export const interactionDisabledColor : string;

index.js

@@ -25,2 +25,3 @@ /**
 export const size11 = "calc(1 * 72px)";
+export const size12 = "calc(1 * 96px)";
 export const layoutGridCols = "12";
@@ -97,5 +98,6 @@ export const layoutWidthXs = "576px";
 export const textSize700 = "calc(1 * 36px)";
+export const textSize800 = "calc(1 * 48px)";
 export const textFont = "'system-ui', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif";
 export const textHeaderFont = "'system-ui', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif";
-export const textMonospaceFont = "'ui-monospace, Consolas, Menlo, Monaco, monospace'";
+export const textMonospaceFont = "'ui-monospace', Consolas, Menlo, Monaco, monospace";
 export const objectBorderRadius100 = "4px";
@@ -142,15 +144,17 @@ export const objectBorderRadius200 = "24px";
 export const interactionOutlineWebkit = "5px auto -webkit-focus-ring-color";
-export const interactionOutlineOffset = "1px";
+export const interactionOutlineOffset = "2px";
 export const interactionTouchTarget = "36px";
-export const interactionBackgroundDefault = "222, 35%, 25%";
-export const interactionBackgroundHover = "hsla(222, 35%, 25%, 0.06)";
-export const interactionBackgroundSelected = "hsla(222, 35%, 25%, 0.08)";
-export const interactionBackgroundFocused = "hsla(222, 35%, 25%, 0.06)";
-export const interactionBackgroundActive = "hsla(222, 35%, 25%, 0.1)";
-export const interactionBackgroundDisabled = "hsla(222, 35%, 25%, 0)";
-export const interactionBackgroundHighlight = "hsl(211, 100%, 46%)";
-export const interactionColorDefault = "hsl(222, 15%, 25%)";
-export const interactionColorHover = "hsl(222, 15%, 30%)";
-export const interactionColorActive = "hsl(222, 15%, 25%)";
-export const interactionColorSelected = "hsl(222, 15%, 25%)";
-export const interactionColorDisabled = "hsl(222, 25%, 85%)";
+export const interactionDefaultTone = "222, 35%, 25%";
+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 interactionHoverColor = "hsl(222, 15%, 30%)";
+export const interactionFocusedBackground = "hsla(222, 35%, 25%, 0.1)";
+export const interactionFocusedColor = "hsl(222, 15%, 30%)";
+export const interactionActiveBackground = "hsla(222, 35%, 25%, 0.2)";
+export const interactionActiveColor = "hsl(222, 15%, 25%)";
+export const interactionSelectedBackground = "hsla(222, 35%, 25%, 0.08)";
+export const interactionSelectedColor = "hsl(222, 15%, 25%)";
+export const interactionDisabledBackground = "hsla(222, 35%, 25%, 0)";
+export const interactionDisabledColor = "hsl(222, 25%, 85%)";

index.json

@@ -26,3 +26,4 @@ {
     "10": "calc(1 * 64px)",
-    "11": "calc(1 * 72px)"
+    "11": "calc(1 * 72px)",
+    "12": "calc(1 * 96px)"
   },
@@ -125,7 +126,8 @@ "layout": {
       "600": "calc(1 * 32px)",
-      "700": "calc(1 * 36px)"
+      "700": "calc(1 * 36px)",
+      "800": "calc(1 * 48px)"
     },
     "font": "'system-ui', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif",
     "headerFont": "'system-ui', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif",
-    "monospaceFont": "'ui-monospace, Consolas, Menlo, Monaco, monospace'"
+    "monospaceFont": "'ui-monospace', Consolas, Menlo, Monaco, monospace"
   },
@@ -212,21 +214,33 @@ "object": {
     "outline-webkit": "5px auto -webkit-focus-ring-color",
-    "outline-offset": "1px",
+    "outline-offset": "2px",
     "touch-target": "36px",
-    "background": {
-      "default": "222, 35%, 25%",
-      "hover": "hsla(222, 35%, 25%, 0.06)",
-      "selected": "hsla(222, 35%, 25%, 0.08)",
-      "focused": "hsla(222, 35%, 25%, 0.06)",
-      "active": "hsla(222, 35%, 25%, 0.1)",
-      "disabled": "hsla(222, 35%, 25%, 0)",
-      "highlight": "hsl(211, 100%, 46%)"
+    "default": {
+      "tone": "222, 35%, 25%",
+      "background": "hsla(0, 0%, 0%, 0)",
+      "color": "hsl(222, 15%, 25%)"
     },
-    "color": {
-      "default": "hsl(222, 15%, 25%)",
-      "hover": "hsl(222, 15%, 30%)",
-      "active": "hsl(222, 15%, 25%)",
-      "selected": "hsl(222, 15%, 25%)",
-      "disabled": "hsl(222, 25%, 85%)"
+    "highlight": {
+      "background": "hsl(211, 100%, 46%)"
+    },
+    "hover": {
+      "background": "hsla(222, 35%, 25%, 0.1)",
+      "color": "hsl(222, 15%, 30%)"
+    },
+    "focused": {
+      "background": "hsla(222, 35%, 25%, 0.1)",
+      "color": "hsl(222, 15%, 30%)"
+    },
+    "active": {
+      "background": "hsla(222, 35%, 25%, 0.2)",
+      "color": "hsl(222, 15%, 25%)"
+    },
+    "selected": {
+      "background": "hsla(222, 35%, 25%, 0.08)",
+      "color": "hsl(222, 15%, 25%)"
+    },
+    "disabled": {
+      "background": "hsla(222, 35%, 25%, 0)",
+      "color": "hsl(222, 25%, 85%)"
     }
   }
 }

package.json

 {
   "name": "@blueprintui/tokens",
   "description": "",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "index.js",
@@ -13,3 +13,3 @@ "scripts": {
     "test": "wtr --config ./web-test-runner.config.mjs",
-    "publish": "npm publish --access public"
+    "publish": "cd dist/ && 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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35087

increased by2.91%

Lines of code

710

increased by3.8%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes