@betterlb/kapwa 1.1.4 → 1.1.6
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 +1 -0
- package/dist/index.js +20 -18
- package/dist/index.js.map +1 -1
- package/dist/kapwa.cjs +2 -0
- package/dist/kapwa.cjs.map +1 -0
- package/dist/kapwa.d.ts +16 -0
- package/dist/kapwa.js +168 -0
- package/dist/kapwa.js.map +1 -0
- package/package.json +1 -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");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;
|
|
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;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,22 +1,24 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
import { Banner as
|
|
3
|
-
import { Button as
|
|
4
|
-
import { Card as
|
|
5
|
-
import { Input as
|
|
6
|
-
import { Label as
|
|
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";
|
|
7
8
|
export {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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,
|
|
20
22
|
m as truncateText
|
|
21
23
|
};
|
|
22
24
|
//# 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.cjs
ADDED
|
@@ -0,0 +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)"}},["responsive"])});exports.default=e;exports.kapwaPlugin=e;
|
|
2
|
+
//# sourceMappingURL=kapwa.cjs.map
|
|
@@ -0,0 +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, ['responsive']);\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,CAAC,YAAY,CAAC,CAC9C,CAAC"}
|
package/dist/kapwa.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
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
|
+
}, ["responsive"]);
|
|
163
|
+
});
|
|
164
|
+
export {
|
|
165
|
+
o as default,
|
|
166
|
+
o as kapwaPlugin
|
|
167
|
+
};
|
|
168
|
+
//# sourceMappingURL=kapwa.js.map
|
|
@@ -0,0 +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, ['responsive']);\n});\n\nexport default kapwaPlugin;\n"],"names":["kapwaPlugin","plugin","addUtilities"],"mappings":"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"}
|