@purpurds/tokens - npm Package Compare versions

Comparing version 5.29.0 to 5.30.0

.rush/temp/operation/ci_build/state.json

 {
-  "nonCachedDurationMs": 2286.100494
+  "nonCachedDurationMs": 1484.512427
 }

.rush/temp/operation/test_unit/state.json

 {
-  "nonCachedDurationMs": 1426.394272
+  "nonCachedDurationMs": 1251.84987
 }

color/variables.d.ts

@@ -166,3 +166,7 @@ export const purpurColorPurple50 : string;
 export const purpurColorBackgroundPrimary : string;
+export const purpurColorBackgroundPrimaryNegative : string;
 export const purpurColorBackgroundSecondary : string;
+export const purpurColorBackgroundSecondaryNegative : string;
+export const purpurColorBackgroundOnImage : string;
+export const purpurColorBackgroundOnImageNegative : string;
 export const purpurColorBackgroundInteractiveAutoFill : string;
@@ -169,0 +173,0 @@ export const purpurColorBackgroundInteractivePrimary : string;

color/variables.js

@@ -166,3 +166,7 @@ export const purpurColorPurple50 = "#faf0ff";
 export const purpurColorBackgroundPrimary = "#ffffff";
+export const purpurColorBackgroundPrimaryNegative = "#111111";
 export const purpurColorBackgroundSecondary = "#f5f5fa";
+export const purpurColorBackgroundSecondaryNegative = "#1e1e20";
+export const purpurColorBackgroundOnImage = "rgba(255, 255, 255, 0.84)";
+export const purpurColorBackgroundOnImageNegative = "rgba(0, 0, 0, 0.71)";
 export const purpurColorBackgroundInteractiveAutoFill = "#e8f6ff";
@@ -194,10 +198,10 @@ export const purpurColorBackgroundInteractivePrimary = "#4e0174";
 export const purpurColorBackgroundInteractiveDestructiveActive = "#980233";
-export const purpurColorBackgroundStatusInfo = "#e8f6ff";
-export const purpurColorBackgroundStatusInfoStrong = "#caeaff";
-export const purpurColorBackgroundStatusSuccess = "#e1f9ec";
-export const purpurColorBackgroundStatusSuccessStrong = "#c5efd9";
-export const purpurColorBackgroundStatusError = "#fff0f5";
-export const purpurColorBackgroundStatusErrorStrong = "#ffdde8";
-export const purpurColorBackgroundStatusWarning = "#fff2de";
-export const purpurColorBackgroundStatusWarningStrong = "#ffe1b3";
+export const purpurColorBackgroundStatusInfo = "#caeaff";
+export const purpurColorBackgroundStatusInfoStrong = "#3694d3";
+export const purpurColorBackgroundStatusSuccess = "#c5efd9";
+export const purpurColorBackgroundStatusSuccessStrong = "#1fa15e";
+export const purpurColorBackgroundStatusError = "#ffdde8";
+export const purpurColorBackgroundStatusErrorStrong = "#fb4885";
+export const purpurColorBackgroundStatusWarning = "#ffe1b3";
+export const purpurColorBackgroundStatusWarningStrong = "#cc7a00";
 export const purpurColorBackgroundStatusNeutral = "#d6d6dd";
@@ -226,3 +230,3 @@ export const purpurColorBackgroundStatusSpecial = "#f4e0ff";
 export const purpurColorBorderInteractiveSubtle = "rgba(0, 0, 0, 0.44)";
-export const purpurColorBorderInteractiveSubtleHover = "#4e0174";
+export const purpurColorBorderInteractiveSubtleHover = "#6d02a3";
 export const purpurColorBorderStatusError = "#e4175c";
@@ -229,0 +233,0 @@ export const purpurColorBorderStatusWarning = "#cc7a00";

color/variables.json

@@ -201,3 +201,7 @@ {
       "primary": "#ffffff",
+      "primary-negative": "#111111",
       "secondary": "#f5f5fa",
+      "secondary-negative": "#1e1e20",
+      "on-image": "rgba(255, 255, 255, 0.84)",
+      "on-image-negative": "rgba(0, 0, 0, 0.71)",
       "interactive": {
@@ -232,10 +236,10 @@ "auto-fill": "#e8f6ff",
       "status": {
-        "info": "#e8f6ff",
-        "info-strong": "#caeaff",
-        "success": "#e1f9ec",
-        "success-strong": "#c5efd9",
-        "error": "#fff0f5",
-        "error-strong": "#ffdde8",
-        "warning": "#fff2de",
-        "warning-strong": "#ffe1b3",
+        "info": "#caeaff",
+        "info-strong": "#3694d3",
+        "success": "#c5efd9",
+        "success-strong": "#1fa15e",
+        "error": "#ffdde8",
+        "error-strong": "#fb4885",
+        "warning": "#ffe1b3",
+        "warning-strong": "#cc7a00",
         "neutral": "#d6d6dd",
@@ -270,3 +274,3 @@ "special": "#f4e0ff",
         "subtle": "rgba(0, 0, 0, 0.44)",
-        "subtle-hover": "#4e0174"
+        "subtle-hover": "#6d02a3"
       },
@@ -273,0 +277,0 @@ "status": {

index.d.ts

 export * from "./border/variables";
 export * from "./breakpoint/variables";
 export * from "./color/variables";
+export * from "./filter/variables";
 export * from "./motion/variables";
@@ -5,0 +6,0 @@ export * from "./shadow/variables";

index.js

 export * from "./border/variables";
 export * from "./breakpoint/variables";
 export * from "./color/variables";
+export * from "./filter/variables";
 export * from "./motion/variables";
@@ -5,0 +6,0 @@ export * from "./shadow/variables";

package.json

 {
   "name": "@purpurds/tokens",
-  "version": "5.29.0",
+  "version": "5.30.0",
   "license": "AGPL-3.0-only",
@@ -5,0 +5,0 @@ "type": "module",

tokens/semantic/color.json

@@ -239,2 +239,7 @@ {
       },
+      "primary-negative": {
+        "value": "{color.gray.950}",
+        "type": "color",
+        "description": "Default background color for pages, section and containers in negative use\n\nColor: Gray"
+      },
       "secondary": {
@@ -245,2 +250,17 @@ "value": "{color.gray.50}",
       },
+      "secondary-negative": {
+        "value": "{color.gray.900}",
+        "type": "color",
+        "description": "Secondary background color for pages, section and containers in negative use\n\nColor: Gray"
+      },
+      "on-image": {
+        "value": "{color.transparent-white.850}",
+        "type": "color",
+        "description": "On images\n\nColor: White"
+      },
+      "on-image-negative": {
+        "value": "{color.transparent-black.700}",
+        "type": "color",
+        "description": "On images in negative use\n\nColor: Black"
+      },
       "interactive": {
@@ -380,3 +400,3 @@ "auto-fill": {
         "info": {
-          "value": "{color.blue.50}",
+          "value": "{color.blue.100}",
           "type": "color",
@@ -386,3 +406,3 @@ "description": "Notification/information\n\nBackground color for information messages\n\nColor: Blue"
         "info-strong": {
-          "value": "{color.blue.100}",
+          "value": "{color.blue.400}",
           "type": "color",
@@ -392,3 +412,3 @@ "description": "Alert-badge/information\nBadge/information\n\nStrong background color for information messages\n\nColor: Blue"
         "success": {
-          "value": "{color.green.50}",
+          "value": "{color.green.100}",
           "type": "color",
@@ -398,3 +418,3 @@ "description": "Notification/success\n\nBackground color for success messages\n\nColor: Green"
         "success-strong": {
-          "value": "{color.green.100}",
+          "value": "{color.green.400}",
           "type": "color",
@@ -404,3 +424,3 @@ "description": "Alert-badge/success\nBadge/success\n\nStrong background color for success messages\n\nColor: Green"
         "error": {
-          "value": "{color.red.50}",
+          "value": "{color.red.100}",
           "type": "color",
@@ -410,3 +430,3 @@ "description": "Notification/error\n\nBackground color for error messages\n\nColor: Red"
         "error-strong": {
-          "value": "{color.red.100}",
+          "value": "{color.red.400}",
           "type": "color",
@@ -416,3 +436,3 @@ "description": "Alert-badge/error\nBadge/error\n\nStrong background color for error messages\n\nColor: Red"
         "warning": {
-          "value": "{color.orange.50}",
+          "value": "{color.orange.100}",
           "type": "color",
@@ -422,3 +442,3 @@ "description": "Notification/warning\n\nBackground color for warning messages\n\nColor: Orange"
         "warning-strong": {
-          "value": "{color.orange.100}",
+          "value": "{color.orange.400}",
           "type": "color",
@@ -549,3 +569,3 @@ "description": "Alert-badge/warning\nBadge/warning\n\nBackground color for warning messages\n\nColor: Orange"
         "subtle-hover": {
-          "value": "{color.purple.800}",
+          "value": "{color.purple.700}",
           "type": "color",
@@ -552,0 +572,0 @@ "description": "Hover color for interactive element borders\n\nColor: Purple"

No alert changes

Improved metrics

Total package byte prevSize

254082

increased by1.09%

Number of package files

103

increased by6.19%

Lines of code

4440

increased by1.39%

No dependency changes