@kaizen/design-tokens - npm Package Compare versions

Comparing version 0.0.0-canary-bundle-size-check-20231115010548 to 0.0.0-canary-bundler--prepare-ts-patch-20240516063433

dist/js/tokens.js

@@ -72,3 +72,3 @@ "use strict";
             300: "#8fdbc7",
-            400: "#5dcbad",
+            400: "#5dcaad",
             500: "#44a289",
@@ -110,3 +110,3 @@ 600: "#2c7d67",
             400: "#cdcdd0",
-            500: "#8c8c97",
+            500: "#878792",
             600: "#524e56",
@@ -133,6 +133,6 @@ },
         small: {
-            boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)",
+            boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06)",
         },
         large: {
-            boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)",
+            boxShadow: "0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08)",
         },
@@ -139,0 +139,0 @@ },

dist/legacy/ThemeProvider.d.ts

@@ -14,3 +14,3 @@ import React from "react";
 export declare const ThemeProvider: ({ themeManager, ...props }: {
-    themeManager?: ThemeManager<Theme> | undefined;
+    themeManager?: ThemeManager;
     children: React.ReactNode;
@@ -17,0 +17,0 @@ }) => JSX.Element;

dist/legacy/themes/heart.js

 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.heartTheme = void 0;
+var tokens_1 = require("../../js/tokens");
 /**
@@ -9,314 +21,3 @@ * @deprecated
  */
-exports.heartTheme = {
-    themeKey: "heart",
-    animation: {
-        easingFunction: {
-            easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-            easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-            easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-            linear: "linear",
-            bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
-            bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
-            bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)",
-        },
-        duration: {
-            instant: "0ms",
-            immediate: "100ms",
-            rapid: "200ms",
-            fast: "300ms",
-            slow: "400ms",
-            deliberate: "700ms",
-        },
-    },
-    border: {
-        solid: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "solid",
-            borderColor: "#e1e2ea",
-        },
-        dashed: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "dashed",
-        },
-        borderless: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "solid",
-            borderColor: "transparent",
-        },
-        focusRing: {
-            borderWidth: "2px",
-            borderRadius: "10px",
-            borderStyle: "solid",
-        },
-    },
-    color: {
-        purple: {
-            100: "#f4edf8",
-            200: "#dfc9ea",
-            300: "#c9a5dd",
-            400: "#ae67b1",
-            500: "#844587",
-            600: "#5f3361",
-            700: "#4a234d",
-            800: "#2f2438",
-        },
-        blue: {
-            100: "#e6f6ff",
-            200: "#bde2f5",
-            300: "#73c0e8",
-            400: "#008bd6",
-            500: "#0168b3",
-            600: "#004970",
-            700: "#003157",
-        },
-        green: {
-            100: "#e8f8f4",
-            200: "#c4ede2",
-            300: "#8fdbc7",
-            400: "#5dcbad",
-            500: "#44a289",
-            600: "#2c7d67",
-            700: "#22594a",
-        },
-        yellow: {
-            100: "#fff9e4",
-            200: "#ffeeb3",
-            300: "#ffe36e",
-            400: "#ffca4d",
-            500: "#ffb600",
-            600: "#c68600",
-            700: "#876400",
-        },
-        red: {
-            100: "#fdeaee",
-            200: "#f9c2cb",
-            300: "#f597a8",
-            400: "#e0707d",
-            500: "#c93b55",
-            600: "#a82433",
-            700: "#6c1e20",
-        },
-        orange: {
-            100: "#fff0e8",
-            200: "#ffd1b9",
-            300: "#ffb08a",
-            400: "#ff9461",
-            500: "#e96c2f",
-            600: "#b74302",
-            700: "#903c00",
-        },
-        gray: {
-            100: "#f9f9f9",
-            200: "#f4f4f5",
-            300: "#eaeaec",
-            400: "#cdcdd0",
-            500: "#8c8c97",
-            600: "#524e56",
-        },
-        white: "#ffffff",
-    },
-    dataViz: {
-        favorable: "#7dd5bd",
-        unfavorable: "#e68d97",
-    },
-    layout: {
-        contentMaxWidth: "1392px",
-        contentMaxWidthWithSidebar: "1080px",
-        contentSideMargin: "72px",
-        mobileActionsDrawerHeight: "60px",
-        navigationBarHeight: "72px",
-        breakpoints: {
-            medium: "768px",
-            large: "1080px",
-        },
-    },
-    shadow: {
-        small: {
-            boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)",
-        },
-        large: {
-            boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)",
-        },
-    },
-    spacing: {
-        xs: "0.375rem",
-        sm: "0.75rem",
-        md: "1.5rem",
-        lg: "2.25rem",
-        xl: "3rem",
-        xxl: "3.75rem",
-        xxxl: "4.5rem",
-        xxxxl: "5.25rem",
-        xxxxxl: "6rem",
-        0: "0",
-        1: ".0625rem",
-        2: ".125rem",
-        4: ".25rem",
-        6: ".375rem",
-        8: ".5rem",
-        12: ".75rem",
-        16: "1rem",
-        24: "1.5rem",
-        32: "2rem",
-        40: "2.5rem",
-        48: "3rem",
-        56: "3.5rem",
-        64: "4rem",
-        72: "4.5rem",
-        80: "5rem",
-        96: "6rem",
-        112: "7rem",
-        128: "8rem",
-        160: "10rem",
-        200: "12.5rem",
-        240: "15rem",
-        280: "17.5rem",
-        320: "20rem",
-    },
-    typography: {
-        dataLarge: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "5.25rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "normal",
-        },
-        dataLargeUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "2.625rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "normal",
-        },
-        dataMedium: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "3rem",
-            lineHeight: "5rem",
-            letterSpacing: "normal",
-        },
-        dataMediumUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.5rem",
-            lineHeight: "5rem",
-            letterSpacing: "normal",
-        },
-        dataSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.5rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        dataSmallUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        display0: {
-            fontFamily: '"Tiempos Headline", Georgia, serif',
-            fontWeight: 800,
-            fontSize: "4.5rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "0em",
-        },
-        heading1: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "2.125rem",
-            lineHeight: "2.625rem",
-            letterSpacing: "normal",
-        },
-        heading2: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.75rem",
-            lineHeight: "2.25rem",
-            letterSpacing: "normal",
-        },
-        heading3: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.375rem",
-            lineHeight: "1.875rem",
-            letterSpacing: "normal",
-        },
-        heading4: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 600,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        heading5: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 600,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        heading6: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "0.875rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        paragraphIntroLede: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "1.25rem",
-            lineHeight: "1.875rem",
-            letterSpacing: "0",
-            maxWidth: "975px",
-        },
-        paragraphBody: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-            maxWidth: "780px",
-        },
-        paragraphSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "0.875rem",
-            lineHeight: "1.125rem",
-            letterSpacing: "normal",
-            maxWidth: "680px",
-        },
-        paragraphExtraSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "0.75rem",
-            lineHeight: "1.125rem",
-            letterSpacing: "normal",
-            maxWidth: "600px",
-        },
-        paragraphBold: {
-            fontWeight: 600,
-        },
-        buttonPrimary: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-        buttonSecondary: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 500,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal",
-        },
-    },
-};
+exports.heartTheme = __assign({ themeKey: "heart" }, tokens_1.tokens);
 //# sourceMappingURL=heart.js.map

package.json

 {
   "name": "@kaizen/design-tokens",
   "description": "Tokens used in the Kaizen Design System",
-  "version": "0.0.0-canary-bundle-size-check-20231115010548",
+  "version": "0.0.0-canary-bundler--prepare-ts-patch-20240516063433",
   "homepage": "https://github.com/cultureamp/kaizen-design-system/tree/main/packages/design-tokens",
@@ -24,25 +24,11 @@ "repository": {
   "sideEffects": false,
-  "scripts": {
-    "test": "cd ../../ && yarn jest ./packages/design-tokens",
-    "build": "yarn clean && yarn prepublishOnly",
-    "build:json": "yarn ts-node --files ./bin/buildCssVarTokens.ts",
-    "build:ts": "tsc --project tsconfig.dist.json",
-    "build:less": "json-to-flat-sass './tokens/*.json' 'less' --extension 'less' --caseType 'kebab' && prettier less/* --write",
-    "build:sass": "json-to-flat-sass './tokens/*.json' 'sass' --extension 'scss' --caseType 'kebab' && prettier sass/* --write",
-    "clean": "rimraf dist",
-    "prepublishOnly": "yarn build:json && yarn build:less && yarn build:sass && yarn build:ts"
-  },
   "devDependencies": {
     "@types/lodash.flatmap": "^4.5.9",
-    "@types/react-highlight": "^0.12.8",
-    "@types/yargs": "^17.0.31",
     "json-to-flat-sass": "^1.0.0",
     "lodash.flatmap": "^4.5.0",
     "object-to-css-variables": "^0.2.1",
-    "postcss": "^8.4.29",
+    "postcss": "^8.4.38",
     "prettier": "*",
-    "react-highlight": "^0.15.0",
     "react-map-interaction": "^2.1.0",
-    "ts-node": "^10.9.1",
-    "yargs": "^17.7.2"
+    "tsx": "^4.10.2"
   },
@@ -57,3 +43,13 @@ "dependencies": {
     "react": ">=16 || ^17.0.0 || ^18.0.0"
+  },
+  "scripts": {
+    "test": "FORCE_COLOR=1 jest",
+    "test:ci": "pnpm test -- --ci",
+    "build": "pnpm clean && pnpm prepublishOnly",
+    "build:json": "tsx ./bin/buildCssVarTokens.ts",
+    "build:ts": "tsc --project tsconfig.dist.json",
+    "build:less": "json-to-flat-sass './tokens/*.json' 'less' --extension 'less' --caseType 'kebab' && prettier less/* --write",
+    "build:sass": "json-to-flat-sass './tokens/*.json' 'sass' --extension 'scss' --caseType 'kebab' && prettier sass/* --write",
+    "clean": "rimraf dist"
   }
-}
+}

README.md

@@ -26,3 +26,3 @@ # Kaizen Tokens
 ```sh
-yarn add @kaizen/design-tokens
+pnpm add @kaizen/design-tokens
 ```
@@ -29,0 +29,0 @@

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

Dev dependency count

8

decreased by-33.33%

Number of package files

95

increased by1.06%

Worsened metrics

Total package byte prevSize

194262

decreased by-6.34%

Lines of code

1871

decreased by-13.78%

No dependency changes