@kaizen/tailwind 0.4.2 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.5.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/tailwind@0.4.2...@kaizen/tailwind@0.5.0) (2023-02-20)
+
+
+### Features
+
+* Backport new pixel-based spacing tokens to design tokens ([#3279](https://github.com/cultureamp/kaizen-design-system/issues/3279)) ([a13da27](https://github.com/cultureamp/kaizen-design-system/commit/a13da271af79daafa93a144109b60d00c9f6111a))
+
+
+
+
+
 ## [0.4.2](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/tailwind@0.4.1...@kaizen/tailwind@0.4.2) (2023-02-17)
 
 **Note:** Version bump only for package @kaizen/tailwind

package/dist/kz-spacing.d.ts

@@ -1,27 +1,3 @@
-export declare const kzSpacing: {
-    0: string;
-    1: string;
-    2: string;
-    4: string;
-    6: string;
-    8: string;
-    12: string;
-    16: string;
-    24: string;
-    32: string;
-    40: string;
-    48: string;
-    56: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-    112: string;
-    128: string;
-    160: string;
-    200: string;
-    240: string;
-    280: string;
-    320: string;
-};
+export declare const filterOutNonPixelTokens: (spacingTokensObject: Record<string, string>) => Record<string, string>;
+export declare const kzSpacing: Record<string, string>;
 //# sourceMappingURL=kz-spacing.d.ts.map

package/dist/kz-spacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kz-spacing.d.ts","sourceRoot":"","sources":["../src/kz-spacing.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAA"}
+{"version":3,"file":"kz-spacing.d.ts","sourceRoot":"","sources":["../src/kz-spacing.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,wBACb,OAAO,MAAM,EAAE,MAAM,CAAC,KAC1C,OAAO,MAAM,EAAE,MAAM,CAMvB,CAAA;AAED,eAAO,MAAM,SAAS,wBAA8C,CAAA"}

package/dist/kz-spacing.js

@@ -1,30 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.kzSpacing = void 0;
-exports.kzSpacing = {
-    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",
+exports.kzSpacing = exports.filterOutNonPixelTokens = void 0;
+var design_tokens_1 = require("@kaizen/design-tokens");
+// Filters out non-pixel-based spacing tokens, such as shirt sizes
+var filterOutNonPixelTokens = function (spacingTokensObject) {
+    var keyValuePairs = Object.entries(spacingTokensObject);
+    return Object.fromEntries(keyValuePairs.filter(function (_a) {
+        var key = _a[0], value = _a[1];
+        return !Number.isNaN(Number(key));
+    }));
 };
+exports.filterOutNonPixelTokens = filterOutNonPixelTokens;
+exports.kzSpacing = (0, exports.filterOutNonPixelTokens)(design_tokens_1.heartTheme.spacing);
 //# sourceMappingURL=kz-spacing.js.map

package/dist/kz-spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"kz-spacing.js","sourceRoot":"","sources":["../src/kz-spacing.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAG;IACvB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,UAAU;IACb,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,OAAO;CACb,CAAA"}
+{"version":3,"file":"kz-spacing.js","sourceRoot":"","sources":["../src/kz-spacing.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAElD,kEAAkE;AAC3D,IAAM,uBAAuB,GAAG,UACrC,mBAA2C;IAE3C,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAEzD,OAAO,MAAM,CAAC,WAAW,CACvB,aAAa,CAAC,MAAM,CAAC,UAAC,EAAY;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAAM,OAAA,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAA1B,CAA0B,CAAC,CACnE,CAAA;AACH,CAAC,CAAA;AARY,QAAA,uBAAuB,2BAQnC;AAEY,QAAA,SAAS,GAAG,IAAA,+BAAuB,EAAC,0BAAU,CAAC,OAAO,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/tailwind",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Kaizen Tailwind presets",
   "scripts": {
     "build": "yarn clean && yarn prepublish",
@@ -28,7 +28,7 @@
   "private": false,
   "license": "MIT",
   "dependencies": {
-    "@kaizen/design-tokens": "^10.2.2",
+    "@kaizen/design-tokens": "^10.3.0",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
@@ -39,5 +39,5 @@
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "318416ce6c1c6d21bb279bcd9ad5156fab14a824"
+  "gitHead": "b5810f16259b2104e1e8567f53961e1c6eaa22dd"
 }

package/src/kz-spacing.ts

@@ -1,28 +1,14 @@
-import { defaultTheme } from "@kaizen/design-tokens"
+import { heartTheme } from "@kaizen/design-tokens"
 
-export const kzSpacing = {
-  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",
+// Filters out non-pixel-based spacing tokens, such as shirt sizes
+export const filterOutNonPixelTokens = (
+  spacingTokensObject: Record<string, string>
+): Record<string, string> => {
+  const keyValuePairs = Object.entries(spacingTokensObject)
+
+  return Object.fromEntries(
+    keyValuePairs.filter(([key, value]) => !Number.isNaN(Number(key)))
+  )
 }
+
+export const kzSpacing = filterOutNonPixelTokens(heartTheme.spacing)