bpk-tokens-css - npm Package Compare versions

Comparing version 36.0.4 to 36.1.0

package.json

 {
   "name": "bpk-tokens-css",
-  "version": "36.0.4",
+  "version": "36.1.0",
   "description": "Backpack design tokens for colors, spacing, font, etc.",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

src/web/base/colors.json

@@ -8,2 +8,23 @@ {
   "props": {
+    "LINE_LIGHT_COLOR": {
+      "value": "{!SKY_GRAY_TINT_05}"
+    },
+    "PRIMARY_LIGHT_COLOR": {
+      "value": "{!SKY_BLUE}"
+    },
+    "BACKGROUND_LIGHT_COLOR": {
+      "value": "{!WHITE}"
+    },
+    "BACKGROUND_ALTERNATIVE_LIGHT_COLOR": {
+      "value": "{!SKY_GRAY_TINT_07}"
+    },
+    "BACKGROUND_SECONDARY_LIGHT_COLOR": {
+      "value": "{!SKY_GRAY_TINT_07}"
+    },
+    "BACKGROUND_ALTERNATIVE_SECONDARY_LIGHT_COLOR": {
+      "value": "{!WHITE}"
+    },
+    "BACKGROUND_TERTIARY_LIGHT_COLOR": {
+      "value": "{!WHITE}"
+    },
     "COLOR_WHITE": {
@@ -10,0 +31,0 @@ "value": "{!WHITE}"

src/web/base/typography.json

@@ -26,2 +26,12 @@ {
     },
+    "TEXT_TERTIARY_LIGHT_COLOR": {
+      "value": "{!SKY_GRAY_TINT_03}",
+      "type": "color",
+      "category": "text-colors"
+    },
+    "TEXT_QUATERNARY_LIGHT_COLOR": {
+      "value": "{!SKY_GRAY_TINT_03}",
+      "type": "color",
+      "category": "text-colors"
+    },
     "LINE_HEIGHT_XS": {
@@ -28,0 +38,0 @@ "value": "{!FONT_LINE_HEIGHT_XS}",

tokens/base.common.js

@@ -25,2 +25,7 @@ /*
   autosuggestListItemHighlightedBackgroundColor: "rgb(241, 242, 248)",
+  backgroundAlternativeLightColor: "rgb(241, 242, 248)",
+  backgroundAlternativeSecondaryLightColor: "rgb(255, 255, 255)",
+  backgroundLightColor: "rgb(255, 255, 255)",
+  backgroundSecondaryLightColor: "rgb(241, 242, 248)",
+  backgroundTertiaryLightColor: "rgb(255, 255, 255)",
   badgeBackgroundColor: "rgb(255, 181, 77)",
@@ -306,2 +311,3 @@ badgeCenteredVerticalAlign: "text-bottom",
   lineHeightXxxxxl: "4.875rem",
+  lineLightColor: "rgb(205, 205, 215)",
   linkActiveColor: "rgb(4, 39, 89)",
@@ -339,2 +345,3 @@ linkAlternateActiveColor: "rgb(221, 221, 229)",
   primaryGradient: "#0770e3",
+  primaryLightColor: "rgb(7, 112, 227)",
   pMarginBottom: ".75rem",
@@ -387,2 +394,3 @@ pMarginTop: "0",
   textPrimaryLightColor: "rgb(17, 18, 54)",
+  textQuaternaryLightColor: "rgb(143, 144, 160)",
   textSecondaryLightColor: "rgb(68, 69, 96)",
@@ -393,2 +401,3 @@ textSmFontSize: ".875rem",
   textSmLineHeight: "1.125rem",
+  textTertiaryLightColor: "rgb(143, 144, 160)",
   textXlFontSize: "1.5rem",
@@ -395,0 +404,0 @@ textXlFontWeight: "400",

tokens/base.es6.js

@@ -23,2 +23,7 @@ /*
 export const autosuggestListItemHighlightedBackgroundColor = "rgb(241, 242, 248)";
+export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
+export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
+export const backgroundLightColor = "rgb(255, 255, 255)";
+export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
+export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
 export const badgeBackgroundColor = "rgb(255, 181, 77)";
@@ -304,2 +309,3 @@ export const badgeCenteredVerticalAlign = "text-bottom";
 export const lineHeightXxxxxl = "4.875rem";
+export const lineLightColor = "rgb(205, 205, 215)";
 export const linkActiveColor = "rgb(4, 39, 89)";
@@ -337,2 +343,3 @@ export const linkAlternateActiveColor = "rgb(221, 221, 229)";
 export const primaryGradient = "#0770e3";
+export const primaryLightColor = "rgb(7, 112, 227)";
 export const pMarginBottom = ".75rem";
@@ -385,2 +392,3 @@ export const pMarginTop = "0";
 export const textPrimaryLightColor = "rgb(17, 18, 54)";
+export const textQuaternaryLightColor = "rgb(143, 144, 160)";
 export const textSecondaryLightColor = "rgb(68, 69, 96)";
@@ -391,2 +399,3 @@ export const textSmFontSize = ".875rem";
 export const textSmLineHeight = "1.125rem";
+export const textTertiaryLightColor = "rgb(143, 144, 160)";
 export const textXlFontSize = "1.5rem";
@@ -589,2 +598,7 @@ export const textXlFontWeight = "400";
 export const colors = {
+backgroundAlternativeLightColor,
+backgroundAlternativeSecondaryLightColor,
+backgroundLightColor,
+backgroundSecondaryLightColor,
+backgroundTertiaryLightColor,
 colorAbisko,
@@ -624,3 +638,5 @@ colorBagan,
 colorWhite,
+lineLightColor,
 primaryGradient,
+primaryLightColor,
 };
@@ -841,3 +857,5 @@ export const flare = {
 textPrimaryLightColor,
+textQuaternaryLightColor,
 textSecondaryLightColor,
+textTertiaryLightColor,
 };
@@ -844,0 +862,0 @@ export const textDecorations = {

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

605452

increased by0.96%

Lines of code

18551

increased by0.71%

No dependency changes