@pluralsight/design-tokens - npm Package Compare versions

Comparing version 0.0.0-experimental-a63237-20220224 to 0.0.0-experimental-b3e90c-20220322

build/index.js

 /**
  * Do not edit directly
- * Generated on Thu, 24 Feb 2022 18:18:56 GMT
+ * Generated on Tue, 22 Mar 2022 19:04:56 GMT
  */
 
-export const PsBackground = "#1b1834";
-export const PsText = "#ffffff";
+export const psBackground = "hsl(249deg 63% 51% / 100%)";
+export const psBackgroundActive = "hsl(249deg 63% 34% / 100%)";
+export const psBackgroundHover = "hsl(249deg 63% 43% / 100%)";
+export const psBackgroundWeak = "hsl(249deg 63% 25% / 100%)";
+export const psBackgroundWeakActive = "hsl(249deg 63% 25% / 100%)";
+export const psBackgroundWeakHover = "hsl(248deg 63% 34% / 100%)";
+export const psBorder = "hsl(249deg 63% 59% / 100%)";
+export const psDangerBackground = "hsl(336deg 100% 36% / 100%)";
+export const psDangerBackgroundActive = "hsl(335deg 100% 18% / 100%)";
+export const psDangerBackgroundHover = "hsl(336deg 100% 27% / 100%)";
+export const psDangerBackgroundWeak = "hsl(335deg 100% 18% / 100%)";
+export const psDangerBorder = "hsl(336deg 100% 54% / 100%)";
+export const psDangerText = "hsl(336deg 100% 97% / 100%)";
+export const psDangerTextWeak = "hsl(335deg 100% 82% / 100%)";
+export const psDangerTextMedium = "hsl(336deg 100% 73% / 100%)";
+export const psInfoBackground = "hsl(202deg 100% 33% / 100%)";
+export const psInfoBackgroundActive = "hsl(202deg 100% 17% / 100%)";
+export const psInfoBackgroundHover = "hsl(202deg 100% 25% / 100%)";
+export const psInfoBackgroundWeak = "hsl(202deg 100% 17% / 100%)";
+export const psInfoBorder = "hsl(202deg 100% 50% / 100%)";
+export const psInfoText = "hsl(201deg 100% 92% / 100%)";
+export const psInfoTextWeak = "hsl(202deg 100% 75% / 100%)";
+export const psInfoTextMedium = "hsl(202deg 100% 58% / 100%)";
+export const psNeutralBackground = "hsl(238deg 30% 32% / 100%)";
+export const psNeutralBackgroundActive = "hsl(240deg 31% 25% / 100%)";
+export const psNeutralBackgroundHover = "hsl(237deg 30% 36% / 100%)";
+export const psNeutralBorder = "hsl(237deg 30% 36% / 100%)";
+export const psNeutralBorderWeak = "hsl(240deg 31% 25% / 100%)";
+export const psNeutralBorderStrong = "hsl(234deg 30% 49% / 100%)";
+export const psNeutralSurface = "hsl(251deg 42% 10% / 100%)";
+export const psNeutralSurfaceWeak = "hsl(246deg 37% 15% / 100%)";
+export const psNeutralSurfaceMedium = "hsl(245deg 35% 20% / 100%)";
+export const psNeutralSurfaceStrong = "hsl(244deg 36% 24% / 100%)";
+export const psNeutralText = "hsl(0deg 0% 100% / 100%)";
+export const psNeutralTextWeak = "hsl(235deg 30% 78% / 100%)";
+export const psNeutralTextMedium = "hsl(234deg 30% 66% / 100%)";
+export const psSuccessBackground = "hsl(156deg 99% 29% / 100%)";
+export const psSuccessBackgroundActive = "hsl(156deg 97% 15% / 100%)";
+export const psSuccessBackgroundHover = "hsl(156deg 98% 22% / 100%)";
+export const psSuccessBackgroundWeak = "hsl(156deg 97% 15% / 100%)";
+export const psSuccessBorder = "hsl(156deg 98% 44% / 100%)";
+export const psSuccessText = "hsl(156deg 100% 91% / 100%)";
+export const psSuccessTextWeak = "hsl(156deg 98% 63% / 100%)";
+export const psSuccessTextMedium = "hsl(156deg 98% 37% / 100%)";
+export const psText = "hsl(249deg 62% 92% / 100%)";
+export const psTextWeak = "hsl(248deg 63% 75% / 100%)";
+export const psTextMedium = "hsl(249deg 63% 67% / 100%)";
+export const psWarningBackground = "hsl(43deg 100% 42% / 100%)";
+export const psWarningBackgroundActive = "hsl(43deg 100% 21% / 100%)";
+export const psWarningBackgroundHover = "hsl(43deg 100% 32% / 100%)";
+export const psWarningBackgroundWeak = "hsl(43deg 100% 21% / 100%)";
+export const psWarningBorder = "hsl(43deg 100% 53% / 100%)";
+export const psWarningText = "hsl(43deg 100% 94% / 100%)";
+export const psWarningTextWeak = "hsl(43deg 100% 82% / 100%)";
+export const psWarningTextMedium = "hsl(43deg 100% 69% / 100%)";
+export const psLightBackground = "hsl(249deg 63% 43% / 100%)";
+export const psLightBackgroundActive = "hsl(249deg 63% 25% / 100%)";
+export const psLightBackgroundHover = "hsl(249deg 63% 34% / 100%)";
+export const psLightBackgroundWeak = "hsl(249deg 62% 92% / 100%)";
+export const psLightBackgroundWeakActive = "hsl(248deg 63% 75% / 100%)";
+export const psLightBackgroundWeakHover = "hsl(249deg 64% 84% / 100%)";
+export const psLightBorder = "hsl(249deg 63% 59% / 100%)";
+export const psLightDangerBackground = "hsl(336deg 100% 36% / 100%)";
+export const psLightDangerBackgroundActive = "hsl(335deg 100% 18% / 100%)";
+export const psLightDangerBackgroundHover = "hsl(336deg 100% 27% / 100%)";
+export const psLightDangerBackgroundWeak = "hsl(336deg 100% 91% / 100%)";
+export const psLightDangerBorder = "hsl(335deg 100% 64% / 100%)";
+export const psLightDangerText = "hsl(335deg 100% 18% / 100%)";
+export const psLightDangerTextWeak = "hsl(336deg 100% 36% / 100%)";
+export const psLightDangerTextMedium = "hsl(335deg 100% 64% / 100%)";
+export const psLightInfoBackground = "hsl(202deg 100% 42% / 100%)";
+export const psLightInfoBackgroundActive = "hsl(202deg 100% 25% / 100%)";
+export const psLightInfoBackgroundHover = "hsl(202deg 100% 33% / 100%)";
+export const psLightInfoBackgroundWeak = "hsl(202deg 100% 83% / 100%)";
+export const psLightInfoBorder = "hsl(202deg 100% 50% / 100%)";
+export const psLightInfoText = "hsl(202deg 100% 17% / 100%)";
+export const psLightInfoTextWeak = "hsl(202deg 100% 25% / 100%)";
+export const psLightInfoTextMedium = "hsl(202deg 100% 42% / 100%)";
+export const psLightNeutralBackground = "hsl(214deg 48% 83% / 60%)";
+export const psLightNeutralBackgroundActive = "hsl(214deg 48% 83% / 70%)";
+export const psLightNeutralBackgroundHover = "hsl(214deg 36% 66% / 30%)";
+export const psLightNeutralBorder = "hsl(214deg 36% 66% / 50%)";
+export const psLightNeutralBorderWeak = "hsl(214deg 36% 66% / 30%)";
+export const psLightNeutralBorderStrong = "hsl(214deg 35% 66% / 100%)";
+export const psLightNeutralSurface = "hsl(210deg 38% 97% / 100%)";
+export const psLightNeutralSurfaceWeak = "hsl(0deg 0% 100% / 100%)";
+export const psLightNeutralSurfaceMedium = "hsl(210deg 40% 97% / 100%)";
+export const psLightNeutralSurfaceStrong = "hsl(214deg 32% 94% / 100%)";
+export const psLightNeutralText = "hsl(214deg 36% 16% / 100%)";
+export const psLightNeutralTextWeak = "hsl(214deg 30% 35% / 100%)";
+export const psLightNeutralTextMedium = "hsl(214deg 25% 41% / 100%)";
+export const psLightSuccessBackground = "hsl(156deg 99% 29% / 100%)";
+export const psLightSuccessBackgroundActive = "hsl(156deg 97% 15% / 100%)";
+export const psLightSuccessBackgroundHover = "hsl(156deg 98% 22% / 100%)";
+export const psLightSuccessBackgroundWeak = "hsl(156deg 98% 81% / 100%)";
+export const psLightSuccessBorder = "hsl(156deg 98% 37% / 100%)";
+export const psLightSuccessText = "hsl(157deg 100% 7% / 100%)";
+export const psLightSuccessTextWeak = "hsl(156deg 98% 22% / 100%)";
+export const psLightSuccessTextMedium = "hsl(156deg 99% 29% / 100%)";
+export const psLightText = "hsl(249deg 63% 8% / 100%)";
+export const psLightTextWeak = "hsl(249deg 63% 25% / 100%)";
+export const psLightTextMedium = "hsl(249deg 63% 43% / 100%)";
+export const psLightWarningBackground = "hsl(43deg 100% 42% / 100%)";
+export const psLightWarningBackgroundActive = "hsl(43deg 100% 21% / 100%)";
+export const psLightWarningBackgroundHover = "hsl(43deg 100% 32% / 100%)";
+export const psLightWarningBackgroundWeak = "hsl(43deg 100% 88% / 100%)";
+export const psLightWarningBorder = "hsl(43deg 100% 53% / 100%)";
+export const psLightWarningText = "hsl(43deg 100% 10% / 100%)";
+export const psLightWarningTextWeak = "hsl(43deg 100% 32% / 100%)";
+export const psLightWarningTextMedium = "hsl(43deg 100% 42% / 100%)";

package.json

 {
   "name": "@pluralsight/design-tokens",
-  "version": "0.0.0-experimental-a63237-20220224",
+  "version": "0.0.0-experimental-b3e90c-20220322",
   "description": "Design tokens for Pluralsight.",
-  "main": "build/index.js",
+  "main": "build/common/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
   "files": [
     "build/css/variables.css",
     "build/scss/_variables.scss",
-    "build/index.js"
+    "build/common/index.js",
+    "build/index.js",
+    "build/index.d.ts",
+    "normalize.css",
+    "fonts.css"
   ],
@@ -46,3 +52,4 @@ "sideEffects": [
   },
-  "license": "Apache 2.0"
+  "license": "Apache 2.0",
+  "packageManager": "yarn@3.1.0"
 }

New alerts

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

34039

increased by708.53%

Number of package files

9

increased by80%

Lines of code

598

increased by4500%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes