@betterlb/kapwa 1.1.6 → 1.1.7
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/kapwa.cjs +1 -1
- package/dist/kapwa.cjs.map +1 -1
- package/dist/kapwa.js +3 -1
- package/dist/kapwa.js.map +1 -1
- package/package.json +1 -1
package/dist/kapwa.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("tailwindcss/plugin"),e=i(function({addUtilities:t}){t({".kapwa-heading-xl":{fontSize:"2.5rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-lg":{fontSize:"2rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-md":{fontSize:"1.5rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-heading-sm":{fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-xl-default":{fontSize:"1.25rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-lg-default":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-md-default":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-sm-default":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-xs-default":{fontSize:"0.75rem",fontWeight:"400",lineHeight:"1.4"},".kapwa-body-xl-strong":{fontSize:"1.25rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-lg-strong":{fontSize:"1.125rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-md-strong":{fontSize:"1rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-sm-strong":{fontSize:"0.875rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-body-xs-strong":{fontSize:"0.75rem",fontWeight:"700",lineHeight:"1.4"},".kapwa-label-lg":{fontSize:"1.125rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-md":{fontSize:"1rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-sm":{fontSize:"0.875rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-label-xs":{fontSize:"0.75rem",fontWeight:"700",lineHeight:"1.2"},".kapwa-link-lg":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-link-md":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-link-sm":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",textDecoration:"underline"},".kapwa-code-lg":{fontSize:"1.125rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"},".kapwa-code-md":{fontSize:"1rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"},".kapwa-code-sm":{fontSize:"0.875rem",fontWeight:"400",lineHeight:"1.4",fontFamily:"var(--font-mono)"}},
|
|
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
2
|
//# sourceMappingURL=kapwa.cjs.map
|
package/dist/kapwa.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kapwa.cjs","sources":["../src/kapwa.ts"],"sourcesContent":["import plugin, { type PluginCreator } from 'tailwindcss/plugin';\n\n/**\n * Kapwa Typography Plugin\n *\n * Enables responsive variants for all Kapwa typography utilities.\n * Matches the complete Kapwa design system typography tokens.\n *\n * Usage examples:\n * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl\n * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong\n * - Labels: md:kapwa-label-md, lg:kapwa-label-lg\n * - Links: md:kapwa-link-md, lg:kapwa-link-lg\n * - Code: md:kapwa-code-md, lg:kapwa-code-lg\n */\nexport const kapwaPlugin: PluginCreator = plugin(function ({ addUtilities }) {\n const kapwaTypography = {\n // HEADINGS\n '.kapwa-heading-xl': {\n fontSize: '2.5rem', // 40px\n fontWeight: '700',\n lineHeight: '1.4', // 140%\n },\n '.kapwa-heading-lg': {\n fontSize: '2rem', // 32px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-md': {\n fontSize: '1.5rem', // 24px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-sm': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Default (400 weight)\n '.kapwa-body-xl-default': {\n fontSize: '1.25rem', // 20px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-default': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-default': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-default': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-default': {\n fontSize: '0.75rem', // 12px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Strong (700 weight)\n '.kapwa-body-xl-strong': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-strong': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-strong': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-strong': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-strong': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // LABELS (120% line-height, 700 weight)\n '.kapwa-label-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.2', // 120%\n },\n '.kapwa-label-md': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-xs': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n\n // LINKS (underlined)\n '.kapwa-link-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n\n // CODE TEXT (monospace font)\n '.kapwa-code-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n };\n\n // Register all typography utilities with responsive variants\n addUtilities(kapwaTypography,
|
|
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.js
CHANGED
package/dist/kapwa.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kapwa.js","sources":["../src/kapwa.ts"],"sourcesContent":["import plugin, { type PluginCreator } from 'tailwindcss/plugin';\n\n/**\n * Kapwa Typography Plugin\n *\n * Enables responsive variants for all Kapwa typography utilities.\n * Matches the complete Kapwa design system typography tokens.\n *\n * Usage examples:\n * - Headings: md:kapwa-heading-lg, lg:kapwa-heading-xl\n * - Body: md:kapwa-body-lg-default, lg:kapwa-body-xl-strong\n * - Labels: md:kapwa-label-md, lg:kapwa-label-lg\n * - Links: md:kapwa-link-md, lg:kapwa-link-lg\n * - Code: md:kapwa-code-md, lg:kapwa-code-lg\n */\nexport const kapwaPlugin: PluginCreator = plugin(function ({ addUtilities }) {\n const kapwaTypography = {\n // HEADINGS\n '.kapwa-heading-xl': {\n fontSize: '2.5rem', // 40px\n fontWeight: '700',\n lineHeight: '1.4', // 140%\n },\n '.kapwa-heading-lg': {\n fontSize: '2rem', // 32px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-md': {\n fontSize: '1.5rem', // 24px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-heading-sm': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Default (400 weight)\n '.kapwa-body-xl-default': {\n fontSize: '1.25rem', // 20px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-default': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-default': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-default': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-default': {\n fontSize: '0.75rem', // 12px\n fontWeight: '400',\n lineHeight: '1.4',\n },\n\n // BODY TEXT - Strong (700 weight)\n '.kapwa-body-xl-strong': {\n fontSize: '1.25rem', // 20px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-lg-strong': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-md-strong': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-sm-strong': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n '.kapwa-body-xs-strong': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.4',\n },\n\n // LABELS (120% line-height, 700 weight)\n '.kapwa-label-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '700',\n lineHeight: '1.2', // 120%\n },\n '.kapwa-label-md': {\n fontSize: '1rem', // 16px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n '.kapwa-label-xs': {\n fontSize: '0.75rem', // 12px\n fontWeight: '700',\n lineHeight: '1.2',\n },\n\n // LINKS (underlined)\n '.kapwa-link-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n '.kapwa-link-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n textDecoration: 'underline',\n },\n\n // CODE TEXT (monospace font)\n '.kapwa-code-lg': {\n fontSize: '1.125rem', // 18px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-md': {\n fontSize: '1rem', // 16px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n '.kapwa-code-sm': {\n fontSize: '0.875rem', // 14px\n fontWeight: '400',\n lineHeight: '1.4',\n fontFamily: 'var(--font-mono)',\n },\n };\n\n // Register all typography utilities with responsive variants\n addUtilities(kapwaTypography,
|
|
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":";AAeO,MAAMA,IAA6BC,EAAO,SAAU,EAAE,cAAAC,KAAgB;AA8I3E,EAAAA,EA7IwB;AAAA;AAAA,IAEtB,qBAAqB;AAAA,MACnB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA;AAAA,IAAA;AAAA,IAEd,qBAAqB;AAAA,MACnB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,qBAAqB;AAAA,MACnB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,qBAAqB;AAAA,MACnB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,0BAA0B;AAAA,MACxB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,0BAA0B;AAAA,MACxB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,0BAA0B;AAAA,MACxB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,0BAA0B;AAAA,MACxB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,0BAA0B;AAAA,MACxB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,yBAAyB;AAAA,MACvB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,yBAAyB;AAAA,MACvB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,yBAAyB;AAAA,MACvB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,yBAAyB;AAAA,MACvB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,yBAAyB;AAAA,MACvB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,mBAAmB;AAAA,MACjB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA;AAAA,IAAA;AAAA,IAEd,mBAAmB;AAAA,MACjB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,mBAAmB;AAAA,MACjB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,mBAAmB;AAAA,MACjB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,kBAAkB;AAAA,MAChB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAAA;AAAA,IAElB,kBAAkB;AAAA,MAChB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAAA;AAAA,IAElB,kBAAkB;AAAA,MAChB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAAA;AAAA;AAAA,IAIlB,kBAAkB;AAAA,MAChB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,kBAAkB;AAAA,MAChB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,kBAAkB;AAAA,MAChB,UAAU;AAAA;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,EACd,GAI4B;AAAA,IAC5B,OAAO;AAAA,EAAA,CACR;AACH,CAAC;"}
|