@kaizen/tailwind 1.0.3 → 1.0.5

package/dist/kz-spacing.d.ts

@@ -1,3 +1,3 @@
-export declare const filterOutNonPixelTokens: (spacingTokensObject: Record<string, string>) => Record<string, string>;
+export declare const filterDenyListValues: (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":"AAGA,eAAO,MAAM,uBAAuB,wBACb,OAAO,MAAM,EAAE,MAAM,CAAC,KAC1C,OAAO,MAAM,EAAE,MAAM,CAMvB,CAAA;AAED,eAAO,MAAM,SAAS,wBAA8C,CAAA"}
+{"version":3,"file":"kz-spacing.d.ts","sourceRoot":"","sources":["../src/kz-spacing.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,oBAAoB,wBACV,OAAO,MAAM,EAAE,MAAM,CAAC,KAC1C,OAAO,MAAM,EAAE,MAAM,CAIvB,CAAA;AAED,eAAO,MAAM,SAAS,wBAA2C,CAAA"}

package/dist/kz-spacing.js

@@ -1,15 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.kzSpacing = exports.filterOutNonPixelTokens = void 0;
+exports.kzSpacing = exports.filterDenyListValues = void 0;
 var design_tokens_1 = require("@kaizen/design-tokens");
+var tokenDenyList = [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "xxl",
+    "xxxl",
+    "xxxxl",
+    "xxxxxl",
+    "xs-id",
+    "sm-id",
+    "md-id",
+    "lg-id",
+    "xl-id",
+    "xxl-id",
+    "xxxl-id",
+    "xxxxl-id",
+    "xxxxxl-id",
+];
+/**
+ * checks if a key from design tokens should be filtered from tailwind
+ */
+var isValidToken = function (key) {
+    return tokenDenyList.indexOf("".concat(key)) < 0;
+};
 // Filters out non-pixel-based spacing tokens, such as shirt sizes
-var filterOutNonPixelTokens = function (spacingTokensObject) {
+var filterDenyListValues = function (spacingTokensObject) {
     var keyValuePairs = Object.entries(spacingTokensObject);
     return Object.fromEntries(keyValuePairs.filter(function (_a) {
         var key = _a[0];
-        return !Number.isNaN(Number(key));
+        return isValidToken(key);
     }));
 };
-exports.filterOutNonPixelTokens = filterOutNonPixelTokens;
-exports.kzSpacing = (0, exports.filterOutNonPixelTokens)(design_tokens_1.heartTheme.spacing);
+exports.filterDenyListValues = filterDenyListValues;
+exports.kzSpacing = (0, exports.filterDenyListValues)(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":";;;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,EAAK;YAAJ,GAAG,QAAA;QAAM,OAAA,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAA1B,CAA0B,CAAC,CAC5D,CAAA;AACH,CAAC,CAAA;AARY,QAAA,uBAAuB,2BAQnC;AAEY,QAAA,SAAS,GAAG,IAAA,+BAAuB,EAAC,0BAAU,CAAC,OAAO,CAAC,CAAA"}
+{"version":3,"file":"kz-spacing.js","sourceRoot":"","sources":["../src/kz-spacing.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAElD,IAAM,aAAa,GAAa;IAC9B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,UAAU;IACV,WAAW;CACZ,CAAA;AAED;;GAEG;AACH,IAAM,YAAY,GAAG,UAAC,GAAoB;IACxC,OAAA,aAAa,CAAC,OAAO,CAAC,UAAG,GAAG,CAAE,CAAC,GAAG,CAAC;AAAnC,CAAmC,CAAA;AAErC,kEAAkE;AAC3D,IAAM,oBAAoB,GAAG,UAClC,mBAA2C;IAE3C,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAEzD,OAAO,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,EAAK;YAAJ,GAAG,QAAA;QAAM,OAAA,YAAY,CAAC,GAAG,CAAC;IAAjB,CAAiB,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA;AANY,QAAA,oBAAoB,wBAMhC;AAEY,QAAA,SAAS,GAAG,IAAA,4BAAoB,EAAC,0BAAU,CAAC,OAAO,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/tailwind",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Kaizen Tailwind presets",
   "scripts": {
     "build": "yarn prepublish",
@@ -25,12 +25,12 @@
   "private": false,
   "license": "MIT",
   "dependencies": {
-    "@kaizen/design-tokens": "^10.3.10",
+    "@kaizen/design-tokens": "^10.3.11",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
     "@kaizen/draft-divider": "^2.2.11",
-    "tailwindcss": "^3.3.2"
+    "tailwindcss": "^3.3.3"
   },
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0"

package/src/kz-spacing.spec.ts

@@ -1,8 +1,8 @@
-import { filterOutNonPixelTokens } from "./kz-spacing"
+import { filterDenyListValues } from "./kz-spacing"
 
-describe("filterOutNonPixelTokens", () => {
+describe("filterDenyListValues", () => {
   it("Keeps all numeric keys", () => {
-    const result = filterOutNonPixelTokens({
+    const result = filterDenyListValues({
       0: "0",
       xs: "0.375rem",
       1: ".0625rem",
@@ -16,4 +16,23 @@ describe("filterOutNonPixelTokens", () => {
       2: ".125rem",
     })
   })
+  it("Keeps valid tailwind defaults", () => {
+    const result = filterDenyListValues({
+      0: "0",
+      xs: "0.375rem",
+      1: ".0625rem",
+      sm: "0.75rem",
+      2: ".125rem",
+      "w-1/2": "50%",
+      "w-full": "100%",
+    })
+
+    expect(result).toEqual({
+      0: "0",
+      1: ".0625rem",
+      2: ".125rem",
+      "w-1/2": "50%",
+      "w-full": "100%",
+    })
+  })
 })

package/src/kz-spacing.ts

@@ -1,14 +1,39 @@
 import { heartTheme } from "@kaizen/design-tokens"
 
+const tokenDenyList: string[] = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "xxl",
+  "xxxl",
+  "xxxxl",
+  "xxxxxl",
+  "xs-id",
+  "sm-id",
+  "md-id",
+  "lg-id",
+  "xl-id",
+  "xxl-id",
+  "xxxl-id",
+  "xxxxl-id",
+  "xxxxxl-id",
+]
+
+/**
+ * checks if a key from design tokens should be filtered from tailwind
+ */
+const isValidToken = (key: string | number): boolean =>
+  tokenDenyList.indexOf(`${key}`) < 0
+
 // Filters out non-pixel-based spacing tokens, such as shirt sizes
-export const filterOutNonPixelTokens = (
+export const filterDenyListValues = (
   spacingTokensObject: Record<string, string>
 ): Record<string, string> => {
   const keyValuePairs = Object.entries(spacingTokensObject)
 
-  return Object.fromEntries(
-    keyValuePairs.filter(([key]) => !Number.isNaN(Number(key)))
-  )
+  return Object.fromEntries(keyValuePairs.filter(([key]) => isValidToken(key)))
 }
 
-export const kzSpacing = filterOutNonPixelTokens(heartTheme.spacing)
+export const kzSpacing = filterDenyListValues(heartTheme.spacing)