@kaizen/tailwind 1.0.2 → 1.0.4

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/dist/tailwind-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-presets.d.ts","sourceRoot":"","sources":["../src/tailwind-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAItD,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;AACtD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,CAAA;CAC3B;AAGD,eAAO,MAAM,mBAAmB,EAAE,mBA2FjC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,oBAEpB,CAAA"}
+{"version":3,"file":"tailwind-presets.d.ts","sourceRoot":"","sources":["../src/tailwind-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAItD,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;AACtD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,mBAAmB,CAAA;CAC3B;AAGD,eAAO,MAAM,mBAAmB,EAAE,mBAmGjC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,oBAEpB,CAAA"}

package/dist/tailwind-presets.js

@@ -16,6 +16,14 @@ var design_tokens_1 = require("@kaizen/design-tokens");
 var kz_spacing_1 = require("./kz-spacing");
 // Note: changing any token will require to to run build:ts from the root `design-tokens`
 exports.kaizenTailwindTheme = {
+    extend: {
+        maxWidth: {
+            paragraph: "".concat(design_tokens_1.defaultTheme.typography.paragraphBody.maxWidth),
+            "paragraph-lede": "".concat(design_tokens_1.defaultTheme.typography.paragraphIntroLede.maxWidth),
+            "paragraph-sm": "".concat(design_tokens_1.defaultTheme.typography.paragraphSmall.maxWidth),
+            "paragraph-xs": "".concat(design_tokens_1.defaultTheme.typography.paragraphExtraSmall.maxWidth),
+        },
+    },
     colors: __assign(__assign({ transparent: "transparent", current: "currentColor", inherit: "inherit" }, design_tokens_1.defaultTheme.color), design_tokens_1.defaultTheme.dataViz),
     spacing: kz_spacing_1.kzSpacing,
     boxShadow: {

package/dist/tailwind-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-presets.js","sourceRoot":"","sources":["../src/tailwind-presets.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind-presets.js","sourceRoot":"","sources":["../src/tailwind-presets.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/tailwind",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Kaizen Tailwind presets",
   "scripts": {
     "build": "yarn prepublish",
@@ -25,7 +25,7 @@
   "private": false,
   "license": "MIT",
   "dependencies": {
-    "@kaizen/design-tokens": "^10.3.9",
+    "@kaizen/design-tokens": "^10.3.10",
     "classnames": "^2.3.2"
   },
   "devDependencies": {

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)

package/src/tailwind-presets.ts

@@ -9,6 +9,14 @@ export interface KaizenTailwindPreset {
 
 // Note: changing any token will require to to run build:ts from the root `design-tokens`
 export const kaizenTailwindTheme: KaizenTailwindTheme = {
+  extend: {
+    maxWidth: {
+      paragraph: `${defaultTheme.typography.paragraphBody.maxWidth}`,
+      "paragraph-lede": `${defaultTheme.typography.paragraphIntroLede.maxWidth}`,
+      "paragraph-sm": `${defaultTheme.typography.paragraphSmall.maxWidth}`,
+      "paragraph-xs": `${defaultTheme.typography.paragraphExtraSmall.maxWidth}`,
+    },
+  },
   colors: {
     transparent: "transparent",
     current: "currentColor",