@kaizen/tailwind 1.2.13 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/cjs/index.cjs +5 -0
  2. package/dist/cjs/kz-spacing.cjs +21 -0
  3. package/dist/cjs/tailwind-presets.cjs +112 -0
  4. package/dist/esm/index.mjs +1 -0
  5. package/dist/esm/kz-spacing.mjs +18 -0
  6. package/dist/esm/tailwind-presets.mjs +109 -0
  7. package/dist/{index.d.ts → types/index.d.ts} +0 -1
  8. package/dist/{kz-height.d.ts → types/kz-height.d.ts} +0 -1
  9. package/dist/{kz-spacing.d.ts → types/kz-spacing.d.ts} +0 -1
  10. package/dist/{tailwind-presets.d.ts → types/tailwind-presets.d.ts} +0 -1
  11. package/package.json +16 -5
  12. package/src/_docs/assets/copy-utility-class.gif +0 -0
  13. package/src/_docs/assets/css-generation.png +0 -0
  14. package/src/_docs/assets/inline-fold.gif +0 -0
  15. package/src/_docs/assets/tailwind-play.gif +0 -0
  16. package/src/_docs/assets/tw-anatomy.png +0 -0
  17. package/src/_docs/assets/utility-search-result.png +0 -0
  18. package/src/_docs/pages/backgrounds/background-color.mdx +10 -0
  19. package/src/_docs/pages/backgrounds/background-color.stories.tsx +43 -0
  20. package/src/_docs/pages/borders/border-color.mdx +10 -0
  21. package/src/_docs/pages/borders/border-color.stories.tsx +45 -0
  22. package/src/_docs/pages/borders/border-radius.mdx +10 -0
  23. package/src/_docs/pages/borders/border-radius.stories.tsx +47 -0
  24. package/src/_docs/pages/borders/border-spacing.mdx +10 -0
  25. package/src/_docs/pages/borders/border-spacing.stories.tsx +52 -0
  26. package/src/_docs/pages/borders/border-width.mdx +28 -0
  27. package/src/_docs/pages/borders/border-width.stories.tsx +47 -0
  28. package/src/_docs/pages/configuration.mdx +78 -0
  29. package/src/_docs/pages/contributing.mdx +38 -0
  30. package/src/_docs/pages/effects/shadow.mdx +10 -0
  31. package/src/_docs/pages/effects/shadow.stories.tsx +40 -0
  32. package/src/_docs/pages/getting-started.mdx +125 -0
  33. package/src/_docs/pages/modifiers/media-queries.mdx +16 -0
  34. package/src/_docs/pages/modifiers/media-queries.stories.tsx +81 -0
  35. package/src/_docs/pages/modifiers/pseudo-states.mdx +26 -0
  36. package/src/_docs/pages/modifiers/pseudo-states.stories.tsx +49 -0
  37. package/src/_docs/pages/overview.mdx +26 -0
  38. package/src/_docs/pages/spacing/margin.mdx +27 -0
  39. package/src/_docs/pages/spacing/margin.stories.tsx +49 -0
  40. package/src/_docs/pages/spacing/padding.mdx +27 -0
  41. package/src/_docs/pages/spacing/padding.stories.tsx +47 -0
  42. package/src/_docs/pages/typography/font-family.mdx +10 -0
  43. package/src/_docs/pages/typography/font-family.stories.tsx +41 -0
  44. package/src/_docs/pages/typography/font-size.mdx +10 -0
  45. package/src/_docs/pages/typography/font-size.stories.tsx +38 -0
  46. package/src/_docs/pages/typography/font-weight.mdx +10 -0
  47. package/src/_docs/pages/typography/font-weight.stories.tsx +41 -0
  48. package/src/_docs/pages/typography/line-height.mdx +10 -0
  49. package/src/_docs/pages/typography/line-height.stories.tsx +44 -0
  50. package/src/_docs/pages/typography/max-text-width.mdx +12 -0
  51. package/src/_docs/pages/typography/max-text-width.stories.tsx +60 -0
  52. package/src/_docs/pages/typography/text-color.mdx +10 -0
  53. package/src/_docs/pages/typography/text-color.stories.tsx +52 -0
  54. package/src/_docs/pages/utility-class-helpers-overview.mdx +95 -0
  55. package/src/_docs/pages/working-with-tailwind.mdx +85 -0
  56. package/src/_docs/pages/working-with-tailwind.stories.tsx +100 -0
  57. package/src/_docs/utils/TailwindStoryTemplate/TailwindStoryTemplate.tsx +81 -0
  58. package/src/_docs/utils/TailwindStoryTemplate/components/CardContent/CardContent.tsx +26 -0
  59. package/src/_docs/utils/TailwindStoryTemplate/components/CardContent/index.ts +1 -0
  60. package/src/_docs/utils/TailwindStoryTemplate/components/CodeSnippet/CodeSnippet.tsx +36 -0
  61. package/src/_docs/utils/TailwindStoryTemplate/components/CodeSnippet/index.ts +1 -0
  62. package/src/_docs/utils/TailwindStoryTemplate/index.ts +1 -0
  63. package/src/_docs/utils/flattenEntries.ts +37 -0
  64. package/src/_docs/utils/utilityDescription.ts +5 -0
  65. package/src/tailwind-presets.ts +53 -53
  66. package/dist/index.d.ts.map +0 -1
  67. package/dist/index.js +0 -18
  68. package/dist/index.js.map +0 -1
  69. package/dist/kz-height.d.ts.map +0 -1
  70. package/dist/kz-height.js +0 -16
  71. package/dist/kz-height.js.map +0 -1
  72. package/dist/kz-spacing.d.ts.map +0 -1
  73. package/dist/kz-spacing.js +0 -41
  74. package/dist/kz-spacing.js.map +0 -1
  75. package/dist/tailwind-presets.d.ts.map +0 -1
  76. package/dist/tailwind-presets.js +0 -112
  77. package/dist/tailwind-presets.js.map +0 -1
@@ -1,112 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.Preset = exports.kaizenTailwindTheme = void 0;
15
- var design_tokens_1 = require("@kaizen/design-tokens/");
16
- var kz_spacing_1 = require("./kz-spacing");
17
- // Note: changing any token will require to to run `pnpm build` from the root
18
- exports.kaizenTailwindTheme = {
19
- extend: {
20
- maxWidth: {
21
- paragraph: "".concat(design_tokens_1.defaultTheme.typography.paragraphBody.maxWidth),
22
- "paragraph-lede": "".concat(design_tokens_1.defaultTheme.typography.paragraphIntroLede.maxWidth),
23
- "paragraph-sm": "".concat(design_tokens_1.defaultTheme.typography.paragraphSmall.maxWidth),
24
- "paragraph-xs": "".concat(design_tokens_1.defaultTheme.typography.paragraphExtraSmall.maxWidth),
25
- },
26
- },
27
- colors: __assign(__assign({ transparent: "transparent", current: "currentColor", inherit: "inherit" }, design_tokens_1.defaultTheme.color), design_tokens_1.defaultTheme.dataViz),
28
- spacing: kz_spacing_1.kzSpacing,
29
- boxShadow: {
30
- none: "none",
31
- sm: design_tokens_1.defaultTheme.shadow.small.boxShadow,
32
- lg: design_tokens_1.defaultTheme.shadow.large.boxShadow,
33
- },
34
- borderRadius: {
35
- DEFAULT: "7px",
36
- default: "7px",
37
- none: "0px",
38
- "focus-ring": "10px",
39
- full: "100%",
40
- },
41
- borderWidth: {
42
- DEFAULT: "2px",
43
- default: "2px",
44
- none: "0px",
45
- 1: "1px",
46
- "focus-ring": "2px",
47
- },
48
- borderColor: __assign({ "default-color": "".concat(design_tokens_1.defaultTheme.border.solid.borderColor), transparent: "".concat(design_tokens_1.defaultTheme.border.borderless.borderColor), "focus-ring": design_tokens_1.defaultTheme.color.blue[600] }, design_tokens_1.defaultTheme.color),
49
- fontFamily: {
50
- "family-paragraph": ["".concat(design_tokens_1.defaultTheme.typography.paragraphBody.fontFamily)],
51
- "family-heading": ["".concat(design_tokens_1.defaultTheme.typography.heading1.fontFamily)],
52
- "family-data": ["".concat(design_tokens_1.defaultTheme.typography.dataLarge.fontFamily)],
53
- "family-display": ["".concat(design_tokens_1.defaultTheme.typography.display0.fontFamily)],
54
- },
55
- fontSize: {
56
- display: "".concat(design_tokens_1.defaultTheme.typography.display0.fontSize),
57
- "heading-1": "".concat(design_tokens_1.defaultTheme.typography.heading1.fontSize),
58
- "heading-2": "".concat(design_tokens_1.defaultTheme.typography.heading2.fontSize),
59
- "heading-3": "".concat(design_tokens_1.defaultTheme.typography.heading3.fontSize),
60
- "heading-4": "".concat(design_tokens_1.defaultTheme.typography.heading4.fontSize),
61
- "heading-5": "".concat(design_tokens_1.defaultTheme.typography.heading5.fontSize),
62
- "heading-6": "".concat(design_tokens_1.defaultTheme.typography.heading6.fontSize),
63
- paragraph: "".concat(design_tokens_1.defaultTheme.typography.paragraphBody.fontSize),
64
- "paragraph-lede": "".concat(design_tokens_1.defaultTheme.typography.paragraphIntroLede.fontSize),
65
- "paragraph-sm": "".concat(design_tokens_1.defaultTheme.typography.paragraphSmall.fontSize),
66
- "paragraph-xs": "".concat(design_tokens_1.defaultTheme.typography.paragraphExtraSmall.fontSize),
67
- "data-lg": "".concat(design_tokens_1.defaultTheme.typography.dataLarge.fontSize),
68
- "data-md": "".concat(design_tokens_1.defaultTheme.typography.dataMedium.fontSize),
69
- "data-sm": "".concat(design_tokens_1.defaultTheme.typography.dataSmall.fontSize),
70
- "data-units-lg": "".concat(design_tokens_1.defaultTheme.typography.dataLargeUnits.fontSize),
71
- "data-units-md": "".concat(design_tokens_1.defaultTheme.typography.dataMediumUnits.fontSize),
72
- "data-units-sm": "".concat(design_tokens_1.defaultTheme.typography.dataSmallUnits.fontSize),
73
- },
74
- fontWeight: {
75
- "weight-paragraph": "400",
76
- "weight-paragraph-bold": "600",
77
- "weight-data": "700",
78
- "weight-heading": "700",
79
- "weight-display": "800",
80
- },
81
- lineHeight: {
82
- display: "".concat(design_tokens_1.defaultTheme.typography.display0.lineHeight),
83
- "heading-1": "".concat(design_tokens_1.defaultTheme.typography.heading1.lineHeight),
84
- "heading-2": "".concat(design_tokens_1.defaultTheme.typography.heading2.lineHeight),
85
- "heading-3": "".concat(design_tokens_1.defaultTheme.typography.heading3.lineHeight),
86
- "heading-4": "".concat(design_tokens_1.defaultTheme.typography.heading4.lineHeight),
87
- "heading-5": "".concat(design_tokens_1.defaultTheme.typography.heading5.lineHeight),
88
- "heading-6": "".concat(design_tokens_1.defaultTheme.typography.heading6.lineHeight),
89
- paragraph: "".concat(design_tokens_1.defaultTheme.typography.paragraphBody.lineHeight),
90
- "paragraph-lede": "".concat(design_tokens_1.defaultTheme.typography.paragraphIntroLede.lineHeight),
91
- "paragraph-sm": "".concat(design_tokens_1.defaultTheme.typography.paragraphSmall.lineHeight),
92
- "paragraph-xs": "".concat(design_tokens_1.defaultTheme.typography.paragraphExtraSmall.lineHeight),
93
- "data-lg": "".concat(design_tokens_1.defaultTheme.typography.dataLarge.lineHeight),
94
- "data-md": "".concat(design_tokens_1.defaultTheme.typography.dataMedium.lineHeight),
95
- "data-sm": "".concat(design_tokens_1.defaultTheme.typography.dataSmall.lineHeight),
96
- "data-units-lg": "".concat(design_tokens_1.defaultTheme.typography.dataLargeUnits.lineHeight),
97
- "data-units-md": "".concat(design_tokens_1.defaultTheme.typography.dataMediumUnits.lineHeight),
98
- "data-units-sm": "".concat(design_tokens_1.defaultTheme.typography.dataSmallUnits.lineHeight),
99
- },
100
- letterSpacing: {
101
- "letter-spacing-normal": "normal",
102
- },
103
- // A mix of layout styles
104
- screens: {
105
- md: design_tokens_1.defaultTheme.layout.breakpoints.medium, // => @media (min-width: 768px) { ... }
106
- lg: design_tokens_1.defaultTheme.layout.breakpoints.large, // => @media (min-width: 1080px) { ... }
107
- },
108
- };
109
- exports.Preset = {
110
- theme: exports.kaizenTailwindTheme,
111
- };
112
- //# sourceMappingURL=tailwind-presets.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwind-presets.js","sourceRoot":"","sources":["../src/tailwind-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,wDAAqD;AACrD,2CAAwC;AAOxC,6EAA6E;AAChE,QAAA,mBAAmB,GAAwB;IACtD,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAE;YAC9D,gBAAgB,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAE;YAC1E,cAAc,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAE;YACpE,cAAc,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,CAAE;SAC1E;KACF;IACD,MAAM,sBACJ,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,SAAS,IACf,4BAAY,CAAC,KAAK,GAClB,4BAAY,CAAC,OAAO,CACxB;IACD,OAAO,EAAE,sBAAS;IAClB,SAAS,EAAE;QACT,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,4BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS;QACvC,EAAE,EAAE,4BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS;KACxC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;QACX,YAAY,EAAE,MAAM;QACpB,IAAI,EAAE,MAAM;KACb;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;QACX,CAAC,EAAE,KAAK;QACR,YAAY,EAAE,KAAK;KACpB;IACD,WAAW,aACT,eAAe,EAAE,UAAG,4BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAE,EAC3D,WAAW,EAAE,UAAG,4BAAY,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAE,EAC5D,YAAY,EAAE,4BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IACvC,4BAAY,CAAC,KAAK,CACtB;IACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,UAAG,4BAAY,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAE,CAAC;QAC3E,gBAAgB,EAAE,CAAC,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE,CAAC;QACpE,aAAa,EAAE,CAAC,UAAG,4BAAY,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAE,CAAC;QAClE,gBAAgB,EAAE,CAAC,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE,CAAC;KACrE;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QACvD,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QAC3D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QAC3D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QAC3D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QAC3D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QAC3D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAE;QAC3D,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAE;QAC9D,gBAAgB,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAE;QAC1E,cAAc,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAE;QACpE,cAAc,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,CAAE;QACzE,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAE;QAC1D,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAE;QAC3D,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAE;QAC1D,eAAe,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAE;QACrE,eAAe,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAE;QACtE,eAAe,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAE;KACtE;IACD,UAAU,EAAE;QACV,kBAAkB,EAAE,KAAK;QACzB,uBAAuB,EAAE,KAAK;QAC9B,aAAa,EAAE,KAAK;QACpB,gBAAgB,EAAE,KAAK;QACvB,gBAAgB,EAAE,KAAK;KACxB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QACzD,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QAC7D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QAC7D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QAC7D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QAC7D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QAC7D,WAAW,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;QAC7D,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAE;QAChE,gBAAgB,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAE;QAC5E,cAAc,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,UAAU,CAAE;QACtE,cAAc,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,mBAAmB,CAAC,UAAU,CAAE;QAC3E,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAE;QAC5D,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAE;QAC7D,SAAS,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAE;QAC5D,eAAe,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,UAAU,CAAE;QACvE,eAAe,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,eAAe,CAAC,UAAU,CAAE;QACxE,eAAe,EAAE,UAAG,4BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,UAAU,CAAE;KACxE;IACD,aAAa,EAAE;QACb,uBAAuB,EAAE,QAAQ;KAClC;IACD,yBAAyB;IACzB,OAAO,EAAE;QACP,EAAE,EAAE,4BAAY,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,uCAAuC;QACnF,EAAE,EAAE,4BAAY,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,wCAAwC;KACpF;CACO,CAAA;AAEG,QAAA,MAAM,GAAyB;IAC1C,KAAK,EAAE,2BAAmB;CAC3B,CAAA"}