@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 +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +18 -20
- package/dist/index.js.map +1 -1
- package/dist/kapwa.css +33 -26
- package/package.json +1 -1
- package/dist/kapwa.cjs +0 -2
- package/dist/kapwa.cjs.map +0 -1
- package/dist/kapwa.d.ts +0 -16
- package/dist/kapwa.js +0 -170
- 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 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")
|
|
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
package/dist/index.js
CHANGED
|
@@ -1,24 +1,22 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
import { Banner as
|
|
3
|
-
import { Button as
|
|
4
|
-
import { Card as
|
|
5
|
-
import { Input as
|
|
6
|
-
import { Label as
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
380
|
+
font-family: var(--font-family-mono);
|
|
374
381
|
}
|
|
375
382
|
|
|
376
383
|
.kapwa-code-md {
|
|
377
|
-
font-size:
|
|
384
|
+
font-size: 1rem;
|
|
378
385
|
font-weight: 400;
|
|
379
386
|
line-height: 140%;
|
|
380
|
-
font-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
452
|
+
font-family: var(--font-family-sans);
|
|
446
453
|
text-decoration: underline;
|
|
447
454
|
}
|
|
448
455
|
|
package/package.json
CHANGED
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
|
package/dist/kapwa.cjs.map
DELETED
|
@@ -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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"}
|