@betterlb/kapwa 1.1.7 → 1.1.9

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 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");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;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.ts CHANGED
@@ -4,4 +4,3 @@ 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';
package/dist/index.js CHANGED
@@ -1,24 +1,22 @@
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";
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";
7
- import { kapwaPlugin as k } from "./kapwa.js";
1
+ import { c as e, f as o, g as a, t as m } from "./utils-BWXuiikn.js";
2
+ import { Banner as f } from "./kapwa/banner/index.tsx.js";
3
+ import { Button as p } from "./kapwa/button/index.tsx.js";
4
+ import { Card as C, CardContent as s, CardFooter as u, CardHeader as c, CardImage as g } from "./kapwa/card/index.tsx.js";
5
+ import { Input as B } from "./kapwa/input/index.tsx.js";
6
+ import { Label as l } from "./kapwa/label/index.tsx.js";
8
7
  export {
9
- p as Banner,
10
- x as Button,
11
- u as Card,
12
- C as CardContent,
13
- g as CardFooter,
14
- s as CardHeader,
15
- c as CardImage,
16
- b as Input,
17
- B as Label,
18
- o as cn,
19
- t as formatDate,
20
- e as getRandomNumber,
21
- k as plugin,
8
+ f as Banner,
9
+ p as Button,
10
+ C as Card,
11
+ s as CardContent,
12
+ u as CardFooter,
13
+ c as CardHeader,
14
+ g as CardImage,
15
+ B as Input,
16
+ l as Label,
17
+ e as cn,
18
+ o as formatDate,
19
+ a as getRandomNumber,
22
20
  m as truncateText
23
21
  };
24
22
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
package/dist/kapwa.css CHANGED
@@ -162,6 +162,13 @@
162
162
  --spacing-kapwa-xl: 2rem; /* 32px */
163
163
  --spacing-kapwa-2xl: 2.5rem; /* 40px */
164
164
  --spacing-kapwa-3xl: 3rem; /* 48px */
165
+
166
+ /* Letter spacing */
167
+ --letter-spacing-tight: -0.015em;
168
+
169
+ /* Font families */
170
+ --font-family-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
171
+ --font-family-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
165
172
  }
166
173
 
167
174
  @theme inline {
@@ -269,7 +276,7 @@
269
276
  font-weight: 700;
270
277
  line-height: 140%;
271
278
  letter-spacing: var(--letter-spacing-tight);
272
- font-style: var(--font-family-sans);
279
+ font-family: var(--font-family-sans);
273
280
  }
274
281
 
275
282
  .kapwa-heading-lg {
@@ -277,7 +284,7 @@
277
284
  font-weight: 700;
278
285
  line-height: 140%;
279
286
  letter-spacing: var(--letter-spacing-tight);
280
- font-style: var(--font-family-sans);
287
+ font-family: var(--font-family-sans);
281
288
  }
282
289
 
283
290
  .kapwa-heading-md {
@@ -285,7 +292,7 @@
285
292
  font-weight: 700;
286
293
  line-height: 140%;
287
294
  letter-spacing: var(--letter-spacing-tight);
288
- font-style: var(--font-family-sans);
295
+ font-family: var(--font-family-sans);
289
296
  }
290
297
 
291
298
  .kapwa-heading-sm {
@@ -293,140 +300,140 @@
293
300
  font-weight: 700;
294
301
  line-height: 140%;
295
302
  letter-spacing: var(--letter-spacing-tight);
296
- font-style: var(--font-family-sans);
303
+ font-family: var(--font-family-sans);
297
304
  }
298
305
 
299
306
  .kapwa-body-xl-default {
300
307
  font-size: 1.25rem;
301
308
  font-weight: 400;
302
309
  line-height: 140%;
303
- font-style: var(--font-family-sans);
310
+ font-family: var(--font-family-sans);
304
311
  }
305
312
 
306
313
  .kapwa-body-xl-strong {
307
314
  font-size: 1.25rem;
308
315
  font-weight: 700;
309
316
  line-height: 140%;
310
- font-style: var(--font-family-sans);
317
+ font-family: var(--font-family-sans);
311
318
  }
312
319
 
313
320
  .kapwa-body-lg-default {
314
321
  font-size: 1.125rem;
315
322
  font-weight: 400;
316
323
  line-height: 140%;
317
- font-style: var(--font-family-sans);
324
+ font-family: var(--font-family-sans);
318
325
  }
319
326
 
320
327
  .kapwa-body-lg-strong {
321
328
  font-size: 1.125rem;
322
329
  font-weight: 700;
323
330
  line-height: 140%;
324
- font-style: var(--font-family-sans);
331
+ font-family: var(--font-family-sans);
325
332
  }
326
333
 
327
334
  .kapwa-body-md-default {
328
335
  font-size: 1rem;
329
336
  font-weight: 400;
330
337
  line-height: 140%;
331
- font-style: var(--font-family-sans);
338
+ font-family: var(--font-family-sans);
332
339
  }
333
340
 
334
341
  .kapwa-body-md-strong {
335
342
  font-size: 1rem;
336
343
  font-weight: 700;
337
344
  line-height: 140%;
338
- font-style: var(--font-family-sans);
345
+ font-family: var(--font-family-sans);
339
346
  }
340
347
 
341
348
  .kapwa-body-sm-default {
342
349
  font-size: 0.875rem;
343
350
  font-weight: 400;
344
351
  line-height: 140%;
345
- font-style: var(--font-family-sans);
352
+ font-family: var(--font-family-sans);
346
353
  }
347
354
 
348
355
  .kapwa-body-sm-strong {
349
356
  font-size: 0.875rem;
350
357
  font-weight: 700;
351
358
  line-height: 140%;
352
- font-style: var(--font-family-sans);
359
+ font-family: var(--font-family-sans);
353
360
  }
354
361
 
355
362
  .kapwa-body-xs-default {
356
363
  font-size: 0.75rem;
357
364
  font-weight: 400;
358
365
  line-height: 140%;
359
- font-style: var(--font-family-sans);
366
+ font-family: var(--font-family-sans);
360
367
  }
361
368
 
362
369
  .kapwa-body-xs-strong {
363
370
  font-size: 0.775rem;
364
371
  font-weight: 700;
365
372
  line-height: 140%;
366
- font-style: var(--font-family-sans);
373
+ font-family: var(--font-family-sans);
367
374
  }
368
375
 
369
376
  .kapwa-code-lg {
370
377
  font-size: 1.125rem;
371
378
  font-weight: 400;
372
379
  line-height: 140%;
373
- font-style: var(--font-family-mono);
380
+ font-family: var(--font-family-mono);
374
381
  }
375
382
 
376
383
  .kapwa-code-md {
377
- font-size: 1;
384
+ font-size: 1rem;
378
385
  font-weight: 400;
379
386
  line-height: 140%;
380
- font-style: var(--font-family-mono);
387
+ font-family: var(--font-family-mono);
381
388
  }
382
389
 
383
390
  .kapwa-code-sm {
384
391
  font-size: 0.875rem;
385
392
  font-weight: 400;
386
393
  line-height: 140%;
387
- font-style: var(--font-family-mono);
394
+ font-family: var(--font-family-mono);
388
395
  }
389
396
 
390
397
  .kapwa-label-lg {
391
398
  font-size: 1.125rem;
392
399
  font-weight: 700;
393
400
  line-height: 120%;
394
- font-style: var(--font-family-sans);
401
+ font-family: var(--font-family-sans);
395
402
  }
396
403
 
397
404
  .kapwa-label-md {
398
405
  font-size: 1rem;
399
406
  font-weight: 700;
400
407
  line-height: 120%;
401
- font-style: var(--font-family-sans);
408
+ font-family: var(--font-family-sans);
402
409
  }
403
410
 
404
411
  .kapwa-label-sm {
405
412
  font-size: 0.875rem;
406
413
  font-weight: 700;
407
414
  line-height: 120%;
408
- font-style: var(--font-family-sans);
415
+ font-family: var(--font-family-sans);
409
416
  }
410
417
 
411
418
  .kapwa-label-xs {
412
419
  font-size: 0.75rem;
413
420
  font-weight: 700;
414
421
  line-height: 120%;
415
- font-style: var(--font-family-sans);
422
+ font-family: var(--font-family-sans);
416
423
  }
417
424
 
418
425
  .kapwa-input {
419
426
  font-size: 1rem;
420
427
  font-weight: 400;
421
428
  line-height: 1.5rem;
422
- font-style: var(--font-family-sans);
429
+ font-family: var(--font-family-sans);
423
430
  }
424
431
 
425
432
  .kapwa-link-lg {
426
433
  font-size: 1.125rem;
427
434
  font-weight: 400;
428
435
  line-height: 140%;
429
- font-style: var(--font-family-sans);
436
+ font-family: var(--font-family-sans);
430
437
  text-decoration: underline;
431
438
  }
432
439
 
@@ -434,7 +441,7 @@
434
441
  font-size: 1rem;
435
442
  font-weight: 400;
436
443
  line-height: 140%;
437
- font-style: var(--font-family-sans);
444
+ font-family: var(--font-family-sans);
438
445
  text-decoration: underline;
439
446
  }
440
447
 
@@ -442,7 +449,7 @@
442
449
  font-size: 0.875rem;
443
450
  font-weight: 400;
444
451
  line-height: 140%;
445
- font-style: var(--font-family-sans);
452
+ font-family: var(--font-family-sans);
446
453
  text-decoration: underline;
447
454
  }
448
455
 
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.9",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist",
package/dist/kapwa.cjs DELETED
@@ -1,2 +0,0 @@
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;
2
- //# sourceMappingURL=kapwa.cjs.map
@@ -1 +0,0 @@
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"}
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;
package/dist/kapwa.js DELETED
@@ -1,170 +0,0 @@
1
- import t from "tailwindcss/plugin";
2
- const o = t(function({ addUtilities: e }) {
3
- e({
4
- // HEADINGS
5
- ".kapwa-heading-xl": {
6
- fontSize: "2.5rem",
7
- // 40px
8
- fontWeight: "700",
9
- lineHeight: "1.4"
10
- // 140%
11
- },
12
- ".kapwa-heading-lg": {
13
- fontSize: "2rem",
14
- // 32px
15
- fontWeight: "700",
16
- lineHeight: "1.4"
17
- },
18
- ".kapwa-heading-md": {
19
- fontSize: "1.5rem",
20
- // 24px
21
- fontWeight: "700",
22
- lineHeight: "1.4"
23
- },
24
- ".kapwa-heading-sm": {
25
- fontSize: "1.25rem",
26
- // 20px
27
- fontWeight: "700",
28
- lineHeight: "1.4"
29
- },
30
- // BODY TEXT - Default (400 weight)
31
- ".kapwa-body-xl-default": {
32
- fontSize: "1.25rem",
33
- // 20px
34
- fontWeight: "400",
35
- lineHeight: "1.4"
36
- },
37
- ".kapwa-body-lg-default": {
38
- fontSize: "1.125rem",
39
- // 18px
40
- fontWeight: "400",
41
- lineHeight: "1.4"
42
- },
43
- ".kapwa-body-md-default": {
44
- fontSize: "1rem",
45
- // 16px
46
- fontWeight: "400",
47
- lineHeight: "1.4"
48
- },
49
- ".kapwa-body-sm-default": {
50
- fontSize: "0.875rem",
51
- // 14px
52
- fontWeight: "400",
53
- lineHeight: "1.4"
54
- },
55
- ".kapwa-body-xs-default": {
56
- fontSize: "0.75rem",
57
- // 12px
58
- fontWeight: "400",
59
- lineHeight: "1.4"
60
- },
61
- // BODY TEXT - Strong (700 weight)
62
- ".kapwa-body-xl-strong": {
63
- fontSize: "1.25rem",
64
- // 20px
65
- fontWeight: "700",
66
- lineHeight: "1.4"
67
- },
68
- ".kapwa-body-lg-strong": {
69
- fontSize: "1.125rem",
70
- // 18px
71
- fontWeight: "700",
72
- lineHeight: "1.4"
73
- },
74
- ".kapwa-body-md-strong": {
75
- fontSize: "1rem",
76
- // 16px
77
- fontWeight: "700",
78
- lineHeight: "1.4"
79
- },
80
- ".kapwa-body-sm-strong": {
81
- fontSize: "0.875rem",
82
- // 14px
83
- fontWeight: "700",
84
- lineHeight: "1.4"
85
- },
86
- ".kapwa-body-xs-strong": {
87
- fontSize: "0.75rem",
88
- // 12px
89
- fontWeight: "700",
90
- lineHeight: "1.4"
91
- },
92
- // LABELS (120% line-height, 700 weight)
93
- ".kapwa-label-lg": {
94
- fontSize: "1.125rem",
95
- // 18px
96
- fontWeight: "700",
97
- lineHeight: "1.2"
98
- // 120%
99
- },
100
- ".kapwa-label-md": {
101
- fontSize: "1rem",
102
- // 16px
103
- fontWeight: "700",
104
- lineHeight: "1.2"
105
- },
106
- ".kapwa-label-sm": {
107
- fontSize: "0.875rem",
108
- // 14px
109
- fontWeight: "700",
110
- lineHeight: "1.2"
111
- },
112
- ".kapwa-label-xs": {
113
- fontSize: "0.75rem",
114
- // 12px
115
- fontWeight: "700",
116
- lineHeight: "1.2"
117
- },
118
- // LINKS (underlined)
119
- ".kapwa-link-lg": {
120
- fontSize: "1.125rem",
121
- // 18px
122
- fontWeight: "400",
123
- lineHeight: "1.4",
124
- textDecoration: "underline"
125
- },
126
- ".kapwa-link-md": {
127
- fontSize: "1rem",
128
- // 16px
129
- fontWeight: "400",
130
- lineHeight: "1.4",
131
- textDecoration: "underline"
132
- },
133
- ".kapwa-link-sm": {
134
- fontSize: "0.875rem",
135
- // 14px
136
- fontWeight: "400",
137
- lineHeight: "1.4",
138
- textDecoration: "underline"
139
- },
140
- // CODE TEXT (monospace font)
141
- ".kapwa-code-lg": {
142
- fontSize: "1.125rem",
143
- // 18px
144
- fontWeight: "400",
145
- lineHeight: "1.4",
146
- fontFamily: "var(--font-mono)"
147
- },
148
- ".kapwa-code-md": {
149
- fontSize: "1rem",
150
- // 16px
151
- fontWeight: "400",
152
- lineHeight: "1.4",
153
- fontFamily: "var(--font-mono)"
154
- },
155
- ".kapwa-code-sm": {
156
- fontSize: "0.875rem",
157
- // 14px
158
- fontWeight: "400",
159
- lineHeight: "1.4",
160
- fontFamily: "var(--font-mono)"
161
- }
162
- }, {
163
- layer: "utilities"
164
- });
165
- });
166
- export {
167
- o as default,
168
- o as kapwaPlugin
169
- };
170
- //# sourceMappingURL=kapwa.js.map
package/dist/kapwa.js.map DELETED
@@ -1 +0,0 @@
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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"}