@betterlb/kapwa 1.1.8 → 1.1.10

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 (10) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.d.ts +0 -1
  3. package/dist/index.js +15 -17
  4. package/dist/index.js.map +1 -1
  5. package/dist/kapwa.css +90 -26
  6. package/package.json +1 -1
  7. package/dist/kapwa.cjs +0 -2
  8. package/dist/kapwa.cjs.map +0 -1
  9. package/dist/kapwa.js +0 -171
  10. package/dist/kapwa.js.map +0 -1
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
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;
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 } from './kapwa';
package/dist/index.js CHANGED
@@ -1,24 +1,22 @@
1
- import { c as t, f as a, g as e, t as m } from "./utils-BWXuiikn.js";
1
+ import { c as e, f as o, g as a, t as m } from "./utils-BWXuiikn.js";
2
2
  import { Banner as f } from "./kapwa/banner/index.tsx.js";
3
- import { Button as x } from "./kapwa/button/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
- import { kapwaPlugin as k } from "./kapwa.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
8
  f as Banner,
10
- x as Button,
9
+ p as Button,
11
10
  C as Card,
12
- u as CardContent,
13
- g as CardFooter,
14
- s as CardHeader,
15
- c as CardImage,
16
- l as Input,
17
- I as Label,
18
- t as cn,
19
- a as formatDate,
20
- e as getRandomNumber,
21
- k as kapwaPlugin,
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 {
@@ -264,12 +271,69 @@
264
271
  --color-kapwa-border-info: var(--color-kapwa-blue-600);
265
272
  }
266
273
 
274
+ /* Responsive typography utilities */
275
+ .kapwa-heading {
276
+ font-size: 1.25rem;
277
+ font-weight: 700;
278
+ line-height: 1.4;
279
+ letter-spacing: var(--letter-spacing-tight);
280
+ font-family: var(--font-family-sans);
281
+ }
282
+
283
+ @media (min-width: 768px) {
284
+ .kapwa-heading {
285
+ font-size: 1.5rem;
286
+ }
287
+ }
288
+
289
+ @media (min-width: 1024px) {
290
+ .kapwa-heading {
291
+ font-size: 2rem;
292
+ }
293
+ }
294
+
295
+ @media (min-width: 1280px) {
296
+ .kapwa-heading {
297
+ font-size: 2.5rem;
298
+ }
299
+ }
300
+
301
+ .kapwa-body {
302
+ font-size: 0.875rem;
303
+ font-weight: 400;
304
+ line-height: 1.4;
305
+ font-family: var(--font-family-sans);
306
+ }
307
+
308
+ .kapwa-body.strong {
309
+ font-weight: 700;
310
+ }
311
+
312
+ @media (min-width: 768px) {
313
+ .kapwa-body {
314
+ font-size: 1rem;
315
+ }
316
+ }
317
+
318
+ @media (min-width: 1024px) {
319
+ .kapwa-body {
320
+ font-size: 1.125rem;
321
+ }
322
+ }
323
+
324
+ @media (min-width: 1280px) {
325
+ .kapwa-body {
326
+ font-size: 1.25rem;
327
+ }
328
+ }
329
+
330
+ /* Static size classes */
267
331
  .kapwa-heading-xl {
268
332
  font-size: 2.5rem;
269
333
  font-weight: 700;
270
334
  line-height: 140%;
271
335
  letter-spacing: var(--letter-spacing-tight);
272
- font-style: var(--font-family-sans);
336
+ font-family: var(--font-family-sans);
273
337
  }
274
338
 
275
339
  .kapwa-heading-lg {
@@ -277,7 +341,7 @@
277
341
  font-weight: 700;
278
342
  line-height: 140%;
279
343
  letter-spacing: var(--letter-spacing-tight);
280
- font-style: var(--font-family-sans);
344
+ font-family: var(--font-family-sans);
281
345
  }
282
346
 
283
347
  .kapwa-heading-md {
@@ -285,7 +349,7 @@
285
349
  font-weight: 700;
286
350
  line-height: 140%;
287
351
  letter-spacing: var(--letter-spacing-tight);
288
- font-style: var(--font-family-sans);
352
+ font-family: var(--font-family-sans);
289
353
  }
290
354
 
291
355
  .kapwa-heading-sm {
@@ -293,140 +357,140 @@
293
357
  font-weight: 700;
294
358
  line-height: 140%;
295
359
  letter-spacing: var(--letter-spacing-tight);
296
- font-style: var(--font-family-sans);
360
+ font-family: var(--font-family-sans);
297
361
  }
298
362
 
299
363
  .kapwa-body-xl-default {
300
364
  font-size: 1.25rem;
301
365
  font-weight: 400;
302
366
  line-height: 140%;
303
- font-style: var(--font-family-sans);
367
+ font-family: var(--font-family-sans);
304
368
  }
305
369
 
306
370
  .kapwa-body-xl-strong {
307
371
  font-size: 1.25rem;
308
372
  font-weight: 700;
309
373
  line-height: 140%;
310
- font-style: var(--font-family-sans);
374
+ font-family: var(--font-family-sans);
311
375
  }
312
376
 
313
377
  .kapwa-body-lg-default {
314
378
  font-size: 1.125rem;
315
379
  font-weight: 400;
316
380
  line-height: 140%;
317
- font-style: var(--font-family-sans);
381
+ font-family: var(--font-family-sans);
318
382
  }
319
383
 
320
384
  .kapwa-body-lg-strong {
321
385
  font-size: 1.125rem;
322
386
  font-weight: 700;
323
387
  line-height: 140%;
324
- font-style: var(--font-family-sans);
388
+ font-family: var(--font-family-sans);
325
389
  }
326
390
 
327
391
  .kapwa-body-md-default {
328
392
  font-size: 1rem;
329
393
  font-weight: 400;
330
394
  line-height: 140%;
331
- font-style: var(--font-family-sans);
395
+ font-family: var(--font-family-sans);
332
396
  }
333
397
 
334
398
  .kapwa-body-md-strong {
335
399
  font-size: 1rem;
336
400
  font-weight: 700;
337
401
  line-height: 140%;
338
- font-style: var(--font-family-sans);
402
+ font-family: var(--font-family-sans);
339
403
  }
340
404
 
341
405
  .kapwa-body-sm-default {
342
406
  font-size: 0.875rem;
343
407
  font-weight: 400;
344
408
  line-height: 140%;
345
- font-style: var(--font-family-sans);
409
+ font-family: var(--font-family-sans);
346
410
  }
347
411
 
348
412
  .kapwa-body-sm-strong {
349
413
  font-size: 0.875rem;
350
414
  font-weight: 700;
351
415
  line-height: 140%;
352
- font-style: var(--font-family-sans);
416
+ font-family: var(--font-family-sans);
353
417
  }
354
418
 
355
419
  .kapwa-body-xs-default {
356
420
  font-size: 0.75rem;
357
421
  font-weight: 400;
358
422
  line-height: 140%;
359
- font-style: var(--font-family-sans);
423
+ font-family: var(--font-family-sans);
360
424
  }
361
425
 
362
426
  .kapwa-body-xs-strong {
363
427
  font-size: 0.775rem;
364
428
  font-weight: 700;
365
429
  line-height: 140%;
366
- font-style: var(--font-family-sans);
430
+ font-family: var(--font-family-sans);
367
431
  }
368
432
 
369
433
  .kapwa-code-lg {
370
434
  font-size: 1.125rem;
371
435
  font-weight: 400;
372
436
  line-height: 140%;
373
- font-style: var(--font-family-mono);
437
+ font-family: var(--font-family-mono);
374
438
  }
375
439
 
376
440
  .kapwa-code-md {
377
- font-size: 1;
441
+ font-size: 1rem;
378
442
  font-weight: 400;
379
443
  line-height: 140%;
380
- font-style: var(--font-family-mono);
444
+ font-family: var(--font-family-mono);
381
445
  }
382
446
 
383
447
  .kapwa-code-sm {
384
448
  font-size: 0.875rem;
385
449
  font-weight: 400;
386
450
  line-height: 140%;
387
- font-style: var(--font-family-mono);
451
+ font-family: var(--font-family-mono);
388
452
  }
389
453
 
390
454
  .kapwa-label-lg {
391
455
  font-size: 1.125rem;
392
456
  font-weight: 700;
393
457
  line-height: 120%;
394
- font-style: var(--font-family-sans);
458
+ font-family: var(--font-family-sans);
395
459
  }
396
460
 
397
461
  .kapwa-label-md {
398
462
  font-size: 1rem;
399
463
  font-weight: 700;
400
464
  line-height: 120%;
401
- font-style: var(--font-family-sans);
465
+ font-family: var(--font-family-sans);
402
466
  }
403
467
 
404
468
  .kapwa-label-sm {
405
469
  font-size: 0.875rem;
406
470
  font-weight: 700;
407
471
  line-height: 120%;
408
- font-style: var(--font-family-sans);
472
+ font-family: var(--font-family-sans);
409
473
  }
410
474
 
411
475
  .kapwa-label-xs {
412
476
  font-size: 0.75rem;
413
477
  font-weight: 700;
414
478
  line-height: 120%;
415
- font-style: var(--font-family-sans);
479
+ font-family: var(--font-family-sans);
416
480
  }
417
481
 
418
482
  .kapwa-input {
419
483
  font-size: 1rem;
420
484
  font-weight: 400;
421
485
  line-height: 1.5rem;
422
- font-style: var(--font-family-sans);
486
+ font-family: var(--font-family-sans);
423
487
  }
424
488
 
425
489
  .kapwa-link-lg {
426
490
  font-size: 1.125rem;
427
491
  font-weight: 400;
428
492
  line-height: 140%;
429
- font-style: var(--font-family-sans);
493
+ font-family: var(--font-family-sans);
430
494
  text-decoration: underline;
431
495
  }
432
496
 
@@ -434,7 +498,7 @@
434
498
  font-size: 1rem;
435
499
  font-weight: 400;
436
500
  line-height: 140%;
437
- font-style: var(--font-family-sans);
501
+ font-family: var(--font-family-sans);
438
502
  text-decoration: underline;
439
503
  }
440
504
 
@@ -442,7 +506,7 @@
442
506
  font-size: 0.875rem;
443
507
  font-weight: 400;
444
508
  line-height: 140%;
445
- font-style: var(--font-family-sans);
509
+ font-family: var(--font-family-sans);
446
510
  text-decoration: underline;
447
511
  }
448
512
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@betterlb/kapwa",
3
3
  "private": false,
4
- "version": "1.1.8",
4
+ "version": "1.1.10",
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",variants:["responsive"]})});exports.default=e;exports.kapwaPlugin=e;
2
- //# sourceMappingURL=kapwa.cjs.map
package/dist/kapwa.cjs.map DELETED
@@ -1 +0,0 @@
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 DELETED
@@ -1,171 +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
- variants: ["responsive"]
165
- });
166
- });
167
- export {
168
- o as default,
169
- o as kapwaPlugin
170
- };
171
- //# 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 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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"}