@betterlb/kapwa 1.1.7 → 1.1.8

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.
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils-GVl92sVg.cjs"),a=require("./kapwa/banner/index.tsx.cjs"),r=require("./kapwa/button/index.tsx.cjs"),e=require("./kapwa/card/index.tsx.cjs"),n=require("./kapwa/input/index.tsx.cjs"),o=require("./kapwa/label/index.tsx.cjs"),u=require("./kapwa.cjs");exports.cn=t.cn;exports.formatDate=t.formatDate;exports.getRandomNumber=t.getRandomNumber;exports.truncateText=t.truncateText;exports.Banner=a.Banner;exports.Button=r.Button;exports.Card=e.Card;exports.CardContent=e.CardContent;exports.CardFooter=e.CardFooter;exports.CardHeader=e.CardHeader;exports.CardImage=e.CardImage;exports.Input=n.Input;exports.Label=o.Label;exports.plugin=u.kapwaPlugin;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./utils-GVl92sVg.cjs"),t=require("./kapwa/banner/index.tsx.cjs"),r=require("./kapwa/button/index.tsx.cjs"),e=require("./kapwa/card/index.tsx.cjs"),n=require("./kapwa/input/index.tsx.cjs"),o=require("./kapwa/label/index.tsx.cjs"),u=require("./kapwa.cjs");exports.cn=a.cn;exports.formatDate=a.formatDate;exports.getRandomNumber=a.getRandomNumber;exports.truncateText=a.truncateText;exports.Banner=t.Banner;exports.Button=r.Button;exports.Card=e.Card;exports.CardContent=e.CardContent;exports.CardFooter=e.CardFooter;exports.CardHeader=e.CardHeader;exports.CardImage=e.CardImage;exports.Input=n.Input;exports.Label=o.Label;exports.kapwaPlugin=u.kapwaPlugin;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.ts CHANGED
@@ -4,4 +4,4 @@ export * from './kapwa/button';
4
4
  export * from './kapwa/card';
5
5
  export * from './kapwa/input';
6
6
  export * from './kapwa/label';
7
- export { kapwaPlugin as plugin } from './kapwa';
7
+ export { kapwaPlugin } from './kapwa';
package/dist/index.js CHANGED
@@ -1,24 +1,24 @@
1
- import { c as o, f as t, g as e, t as m } from "./utils-BWXuiikn.js";
2
- import { Banner as p } from "./kapwa/banner/index.tsx.js";
1
+ import { c as t, f as a, g as e, t as m } from "./utils-BWXuiikn.js";
2
+ import { Banner as f } from "./kapwa/banner/index.tsx.js";
3
3
  import { Button as x } from "./kapwa/button/index.tsx.js";
4
- import { Card as u, CardContent as C, CardFooter as g, CardHeader as s, CardImage as c } from "./kapwa/card/index.tsx.js";
5
- import { Input as b } from "./kapwa/input/index.tsx.js";
6
- import { Label as B } from "./kapwa/label/index.tsx.js";
4
+ import { Card as C, CardContent as u, CardFooter as g, CardHeader as s, CardImage as c } from "./kapwa/card/index.tsx.js";
5
+ import { Input as l } from "./kapwa/input/index.tsx.js";
6
+ import { Label as I } from "./kapwa/label/index.tsx.js";
7
7
  import { kapwaPlugin as k } from "./kapwa.js";
8
8
  export {
9
- p as Banner,
9
+ f as Banner,
10
10
  x as Button,
11
- u as Card,
12
- C as CardContent,
11
+ C as Card,
12
+ u as CardContent,
13
13
  g as CardFooter,
14
14
  s as CardHeader,
15
15
  c as CardImage,
16
- b as Input,
17
- B as Label,
18
- o as cn,
19
- t as formatDate,
16
+ l as Input,
17
+ I as Label,
18
+ t as cn,
19
+ a as formatDate,
20
20
  e as getRandomNumber,
21
- k as plugin,
21
+ k as kapwaPlugin,
22
22
  m as truncateText
23
23
  };
24
24
  //# sourceMappingURL=index.js.map
package/dist/kapwa.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("tailwindcss/plugin"),e=i(function({addUtilities:t}){t({".kapwa-heading-xl":{fontSize:"2.5rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-lg":{fontSize:"2rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-md":{fontSize:"1.5rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-sm":{fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-xl-default":{fontSize:"1.25rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-lg-default":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-md-default":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-sm-default":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-xs-default":{fontSize:"0.75rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-xl-strong":{fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-lg-strong":{fontSize:"1.125rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-md-strong":{fontSize:"1rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-sm-strong":{fontSize:"0.875rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-xs-strong":{fontSize:"0.75rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-label-lg":{fontSize:"1.125rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-md":{fontSize:"1rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-sm":{fontSize:"0.875rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-xs":{fontSize:"0.75rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-link-lg":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-link-md":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-link-sm":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-code-lg":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"},".kapwa-code-md":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"},".kapwa-code-sm":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"}},{layer:"utilities"})});exports.default=e;exports.kapwaPlugin=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("tailwindcss/plugin"),e=i(function({addUtilities:t}){t({".kapwa-heading-xl":{fontSize:"2.5rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-lg":{fontSize:"2rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-md":{fontSize:"1.5rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-sm":{fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-xl-default":{fontSize:"1.25rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-lg-default":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-md-default":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-sm-default":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-xs-default":{fontSize:"0.75rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-xl-strong":{fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-lg-strong":{fontSize:"1.125rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-md-strong":{fontSize:"1rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-sm-strong":{fontSize:"0.875rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-xs-strong":{fontSize:"0.75rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-label-lg":{fontSize:"1.125rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-md":{fontSize:"1rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-sm":{fontSize:"0.875rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-xs":{fontSize:"0.75rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-link-lg":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-link-md":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-link-sm":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-code-lg":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"},".kapwa-code-md":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"},".kapwa-code-sm":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"}},{layer:"utilities",variants:["responsive"]})});exports.default=e;exports.kapwaPlugin=e;
2
2
  //# sourceMappingURL=kapwa.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"kapwa.cjs","sources":["../src/kapwa.ts"],"sourcesContent":["import plugin, { type PluginCreator } from 'tailwindcss/plugin';\n\n/**\n * Kapwa Typography Plugin\n *\n * Enables responsive variants for all Kapwa typography utilities.\n * Matches the complete Kapwa design system typography tokens.\n *\n * Usage examples:\n * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl\n * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong\n * - Labels: md:kapwa-label-md, lg:kapwa-label-lg\n * - Links: md:kapwa-link-md, lg:kapwa-link-lg\n * - Code: md:kapwa-code-md, lg:kapwa-code-lg\n */\nexport const kapwaPlugin: PluginCreator = plugin(function ({ addUtilities }) {\n const kapwaTypography = {\n // HEADINGS\n '.kapwa-heading-xl': {\n fontSize: '2.5rem', // 40px\n fontWeight: '700',\n lineHeight: '1.4', // 140%\n },\n '.kapwa-heading-lg': {\n fontSize: '2rem', // 32px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-md': {\n fontSize: '1.5rem', // 24px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-sm': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Default (400 weight)\n '.kapwa-body-xl-default': {\n fontSize: '1.25rem', // 20px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-default': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-default': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-default': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-default': {\n fontSize: '0.75rem', // 12px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Strong (700 weight)\n '.kapwa-body-xl-strong': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-strong': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-strong': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-strong': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-strong': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // LABELS (120% line-height, 700 weight)\n '.kapwa-label-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.2', // 120%\n },\n '.kapwa-label-md': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-xs': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n\n // LINKS (underlined)\n '.kapwa-link-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n\n // CODE TEXT (monospace font)\n '.kapwa-code-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n };\n\n // Register all typography utilities with responsive variants\n addUtilities(kapwaTypography, {\n layer: 'utilities',\n });\n});\n\nexport default kapwaPlugin;\n"],"names":["kapwaPlugin","plugin","addUtilities"],"mappings":"kJAeaA,EAA6BC,EAAO,SAAU,CAAE,aAAAC,GAAgB,CA8I3EA,EA7IwB,CAEtB,oBAAqB,CACnB,SAAU,SACV,WAAY,MACZ,WAAY,KAAA,EAEd,oBAAqB,CACnB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,oBAAqB,CACnB,SAAU,SACV,WAAY,MACZ,WAAY,KAAA,EAEd,oBAAqB,CACnB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,yBAA0B,CACxB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,wBAAyB,CACvB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,kBAAmB,CACjB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,kBAAmB,CACjB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,kBAAmB,CACjB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,kBAAmB,CACjB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,eAAgB,WAAA,EAElB,iBAAkB,CAChB,SAAU,OACV,WAAY,MACZ,WAAY,MACZ,eAAgB,WAAA,EAElB,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,eAAgB,WAAA,EAIlB,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,WAAY,kBAAA,EAEd,iBAAkB,CAChB,SAAU,OACV,WAAY,MACZ,WAAY,MACZ,WAAY,kBAAA,EAEd,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,WAAY,kBAAA,CACd,EAI4B,CAC5B,MAAO,WAAA,CACR,CACH,CAAC"}
1
+ {"version":3,"file":"kapwa.cjs","sources":["../src/kapwa.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\n/**\n * Kapwa Typography Plugin\n *\n * Enables responsive variants for all Kapwa typography utilities.\n * Matches the complete Kapwa design system typography tokens.\n *\n * Usage examples:\n * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl\n * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong\n * - Labels: md:kapwa-label-md, lg:kapwa-label-lg\n * - Links: md:kapwa-link-md, lg:kapwa-link-lg\n * - Code: md:kapwa-code-md, lg:kapwa-code-lg\n */\nexport const kapwaPlugin = plugin(function ({ addUtilities }) {\n const kapwaTypography = {\n // HEADINGS\n '.kapwa-heading-xl': {\n fontSize: '2.5rem', // 40px\n fontWeight: '700',\n lineHeight: '1.4', // 140%\n },\n '.kapwa-heading-lg': {\n fontSize: '2rem', // 32px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-md': {\n fontSize: '1.5rem', // 24px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-sm': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Default (400 weight)\n '.kapwa-body-xl-default': {\n fontSize: '1.25rem', // 20px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-default': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-default': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-default': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-default': {\n fontSize: '0.75rem', // 12px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Strong (700 weight)\n '.kapwa-body-xl-strong': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-strong': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-strong': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-strong': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-strong': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // LABELS (120% line-height, 700 weight)\n '.kapwa-label-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.2', // 120%\n },\n '.kapwa-label-md': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-xs': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n\n // LINKS (underlined)\n '.kapwa-link-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n\n // CODE TEXT (monospace font)\n '.kapwa-code-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n };\n\n // Register all typography utilities with responsive variants\n addUtilities(kapwaTypography, {\n layer: 'utilities',\n variants: ['responsive'],\n });\n});\n\nexport default kapwaPlugin;\n"],"names":["kapwaPlugin","plugin","addUtilities"],"mappings":"kJAeaA,EAAcC,EAAO,SAAU,CAAE,aAAAC,GAAgB,CA8I5DA,EA7IwB,CAEtB,oBAAqB,CACnB,SAAU,SACV,WAAY,MACZ,WAAY,KAAA,EAEd,oBAAqB,CACnB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,oBAAqB,CACnB,SAAU,SACV,WAAY,MACZ,WAAY,KAAA,EAEd,oBAAqB,CACnB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,yBAA0B,CACxB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,yBAA0B,CACxB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,wBAAyB,CACvB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,wBAAyB,CACvB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,kBAAmB,CACjB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,kBAAmB,CACjB,SAAU,OACV,WAAY,MACZ,WAAY,KAAA,EAEd,kBAAmB,CACjB,SAAU,WACV,WAAY,MACZ,WAAY,KAAA,EAEd,kBAAmB,CACjB,SAAU,UACV,WAAY,MACZ,WAAY,KAAA,EAId,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,eAAgB,WAAA,EAElB,iBAAkB,CAChB,SAAU,OACV,WAAY,MACZ,WAAY,MACZ,eAAgB,WAAA,EAElB,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,eAAgB,WAAA,EAIlB,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,WAAY,kBAAA,EAEd,iBAAkB,CAChB,SAAU,OACV,WAAY,MACZ,WAAY,MACZ,WAAY,kBAAA,EAEd,iBAAkB,CAChB,SAAU,WACV,WAAY,MACZ,WAAY,MACZ,WAAY,kBAAA,CACd,EAI4B,CAC5B,MAAO,YACP,SAAU,CAAC,YAAY,CAAA,CACxB,CACH,CAAC"}
package/dist/kapwa.js CHANGED
@@ -160,7 +160,8 @@ const o = t(function({ addUtilities: e }) {
160
160
  fontFamily: "var(--font-mono)"
161
161
  }
162
162
  }, {
163
- layer: "utilities"
163
+ layer: "utilities",
164
+ variants: ["responsive"]
164
165
  });
165
166
  });
166
167
  export {
package/dist/kapwa.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kapwa.js","sources":["../src/kapwa.ts"],"sourcesContent":["import plugin, { type PluginCreator } from 'tailwindcss/plugin';\n\n/**\n * Kapwa Typography Plugin\n *\n * Enables responsive variants for all Kapwa typography utilities.\n * Matches the complete Kapwa design system typography tokens.\n *\n * Usage examples:\n * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl\n * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong\n * - Labels: md:kapwa-label-md, lg:kapwa-label-lg\n * - Links: md:kapwa-link-md, lg:kapwa-link-lg\n * - Code: md:kapwa-code-md, lg:kapwa-code-lg\n */\nexport const kapwaPlugin: PluginCreator = plugin(function ({ addUtilities }) {\n const kapwaTypography = {\n // HEADINGS\n '.kapwa-heading-xl': {\n fontSize: '2.5rem', // 40px\n fontWeight: '700',\n lineHeight: '1.4', // 140%\n },\n '.kapwa-heading-lg': {\n fontSize: '2rem', // 32px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-md': {\n fontSize: '1.5rem', // 24px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-sm': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Default (400 weight)\n '.kapwa-body-xl-default': {\n fontSize: '1.25rem', // 20px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-default': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-default': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-default': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-default': {\n fontSize: '0.75rem', // 12px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Strong (700 weight)\n '.kapwa-body-xl-strong': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-strong': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-strong': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-strong': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-strong': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // LABELS (120% line-height, 700 weight)\n '.kapwa-label-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.2', // 120%\n },\n '.kapwa-label-md': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-xs': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n\n // LINKS (underlined)\n '.kapwa-link-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n\n // CODE TEXT (monospace font)\n '.kapwa-code-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n };\n\n // Register all typography utilities with responsive variants\n addUtilities(kapwaTypography, {\n layer: 'utilities',\n });\n});\n\nexport default kapwaPlugin;\n"],"names":["kapwaPlugin","plugin","addUtilities"],"mappings":"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"}
1
+ {"version":3,"file":"kapwa.js","sources":["../src/kapwa.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\n/**\n * Kapwa Typography Plugin\n *\n * Enables responsive variants for all Kapwa typography utilities.\n * Matches the complete Kapwa design system typography tokens.\n *\n * Usage examples:\n * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl\n * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong\n * - Labels: md:kapwa-label-md, lg:kapwa-label-lg\n * - Links: md:kapwa-link-md, lg:kapwa-link-lg\n * - Code: md:kapwa-code-md, lg:kapwa-code-lg\n */\nexport const kapwaPlugin = plugin(function ({ addUtilities }) {\n const kapwaTypography = {\n // HEADINGS\n '.kapwa-heading-xl': {\n fontSize: '2.5rem', // 40px\n fontWeight: '700',\n lineHeight: '1.4', // 140%\n },\n '.kapwa-heading-lg': {\n fontSize: '2rem', // 32px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-md': {\n fontSize: '1.5rem', // 24px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-sm': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Default (400 weight)\n '.kapwa-body-xl-default': {\n fontSize: '1.25rem', // 20px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-default': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-default': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-default': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-default': {\n fontSize: '0.75rem', // 12px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Strong (700 weight)\n '.kapwa-body-xl-strong': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-strong': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-strong': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-strong': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-strong': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // LABELS (120% line-height, 700 weight)\n '.kapwa-label-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.2', // 120%\n },\n '.kapwa-label-md': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-xs': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n\n // LINKS (underlined)\n '.kapwa-link-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n\n // CODE TEXT (monospace font)\n '.kapwa-code-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n };\n\n // Register all typography utilities with responsive variants\n addUtilities(kapwaTypography, {\n layer: 'utilities',\n variants: ['responsive'],\n });\n});\n\nexport default kapwaPlugin;\n"],"names":["kapwaPlugin","plugin","addUtilities"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@betterlb/kapwa",
3
3
  "private": false,
4
- "version": "1.1.7",
4
+ "version": "1.1.8",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist",
package/dist/kapwa.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { PluginCreator } from 'tailwindcss/plugin';
2
- /**
3
- * Kapwa Typography Plugin
4
- *
5
- * Enables responsive variants for all Kapwa typography utilities.
6
- * Matches the complete Kapwa design system typography tokens.
7
- *
8
- * Usage examples:
9
- * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl
10
- * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong
11
- * - Labels: md:kapwa-label-md, lg:kapwa-label-lg
12
- * - Links: md:kapwa-link-md, lg:kapwa-link-lg
13
- * - Code: md:kapwa-code-md, lg:kapwa-code-lg
14
- */
15
- export declare const kapwaPlugin: PluginCreator;
16
- export default kapwaPlugin;