@mindvalley/design-system 3.3.4 β 3.4.2
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/CHANGELOG.md +54 -5
- package/README.md +13 -2
- package/dist/b2b.d.ts +81 -0
- package/dist/b2b.d.ts.map +1 -0
- package/dist/b2b.js +1 -1
- package/dist/b2b.js.map +1 -1
- package/dist/helpers/casing.d.ts +13 -0
- package/dist/helpers/casing.d.ts.map +1 -0
- package/dist/helpers/casing.js +76 -1
- package/dist/helpers/dimens.d.ts +7 -0
- package/dist/helpers/dimens.d.ts.map +1 -0
- package/dist/helpers/dimens.js +7 -1
- package/dist/helpers/regex.d.ts +2 -0
- package/dist/helpers/regex.d.ts.map +1 -0
- package/dist/helpers/regex.js +4 -1
- package/dist/index.d.ts +143 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tailwind/plugins/tokens/b2b/typography.d.ts +12 -0
- package/dist/tailwind/plugins/tokens/b2b/typography.d.ts.map +1 -0
- package/dist/tailwind/plugins/tokens/b2b/typography.js +31 -1
- package/dist/tailwind/plugins/tokens/mindvalley/typography.d.ts +12 -0
- package/dist/tailwind/plugins/tokens/mindvalley/typography.d.ts.map +1 -0
- package/dist/tailwind/plugins/tokens/mindvalley/typography.js +72 -1
- package/dist/tailwind/plugins/typography.d.ts +26 -0
- package/dist/tailwind/plugins/typography.d.ts.map +1 -0
- package/dist/tailwind/plugins/typography.js +98 -1
- package/docs/CONTRIBUTION.md +3 -3
- package/docs/RELEASING.md +12 -7
- package/docs/token-validation.md +298 -0
- package/package.json +54 -28
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAwB,eAAID,IAE5BD,EAAqB,eAAIC,GAC1B,CATD,CASGK,
|
|
1
|
+
{"version":3,"file":"index.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAwB,eAAID,IAE5BD,EAAqB,eAAIC,GAC1B,CATD,CASGK,KAAM,I,qBCJTH,EAAOD,QAAU,CACf,YAAa,sBACb,WAAY,sBACZ,YAAa,qBACb,YAAa,sBACb,WAAY,sBACZ,WAAY,sBACZ,YAAa,qBACb,YAAa,qBACb,YAAa,qBACb,YAAa,qBACb,YAAa,qBACb,YAAa,sBACb,iBAAkB,0BAClB,iBAAkB,0BAClB,iBAAkB,0BAClB,YAAa,2BACb,YAAa,4BACb,YAAa,4BACb,YAAa,2BACb,YAAa,4BACb,WAAY,4BACZ,YAAa,2BACb,YAAa,2BACb,YAAa,2BACb,YAAa,2BACb,WAAY,4BACZ,WAAY,4BACZ,cAAe,UACf,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,MAAS,UACT,MAAS,U,GCzIPK,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaR,QAGrB,IAAIC,EAASI,EAAyBE,GAAY,CAGjDP,QAAS,CAAC,GAOX,OAHAU,EAAoBH,GAAUN,EAAQA,EAAOD,QAASM,GAG/CL,EAAOD,OACf,C,0CCrBAW,OAAOC,eAAeZ,EAAS,aAAc,CAAEa,OAAO,IACtDb,EAAQc,YAAS,EAEjB,MAAMC,EAAe,EAAQ,KAE7Bf,EAAQc,OAASC,EAEjBf,EAAA,QAAkB,CACdc,OAAQC,E","sources":["webpack://mvDesignSystem/webpack/universalModuleDefinition","webpack://mvDesignSystem/./src/build/js/mindvalley/colors.js","webpack://mvDesignSystem/webpack/bootstrap","webpack://mvDesignSystem/./src/index.ts"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"mvDesignSystem\"] = factory();\n\telse\n\t\troot[\"mvDesignSystem\"] = factory();\n})(this, () => {\nreturn ","/**\n * Do not edit directly\n * Generated on Wed, 22 Oct 2025 05:07:07 GMT\n */\n\nmodule.exports = {\n \"black-18a\": \"rgba(0, 0, 0, 0.18)\",\n \"black-8a\": \"rgba(0, 0, 0, 0.08)\",\n \"black-70a\": \"rgba(0, 0, 0, 0.7)\",\n \"black-12a\": \"rgba(0, 0, 0, 0.12)\",\n \"black-6a\": \"rgba(0, 0, 0, 0.06)\",\n \"black-4a\": \"rgba(0, 0, 0, 0.04)\",\n \"black-40a\": \"rgba(0, 0, 0, 0.4)\",\n \"black-90a\": \"rgba(0, 0, 0, 0.9)\",\n \"black-80a\": \"rgba(0, 0, 0, 0.8)\",\n \"black-60a\": \"rgba(0, 0, 0, 0.6)\",\n \"black-50a\": \"rgba(0, 0, 0, 0.5)\",\n \"black-24a\": \"rgba(0, 0, 0, 0.24)\",\n \"purple-500-90a\": \"rgba(186, 98, 253, 0.9)\",\n \"purple-500-20a\": \"rgba(186, 98, 253, 0.2)\",\n \"purple-600-10a\": \"rgba(122, 18, 212, 0.1)\",\n \"white-90a\": \"rgba(255, 255, 255, 0.9)\",\n \"white-24a\": \"rgba(255, 255, 255, 0.24)\",\n \"white-12a\": \"rgba(255, 255, 255, 0.12)\",\n \"white-70a\": \"rgba(255, 255, 255, 0.7)\",\n \"white-18a\": \"rgba(255, 255, 255, 0.18)\",\n \"white-8a\": \"rgba(255, 255, 255, 0.08)\",\n \"white-80a\": \"rgba(255, 255, 255, 0.8)\",\n \"white-60a\": \"rgba(255, 255, 255, 0.6)\",\n \"white-50a\": \"rgba(255, 255, 255, 0.5)\",\n \"white-40a\": \"rgba(255, 255, 255, 0.4)\",\n \"white-6a\": \"rgba(255, 255, 255, 0.06)\",\n \"white-4a\": \"rgba(255, 255, 255, 0.04)\",\n \"purple-tint\": \"#9b37f2\",\n \"yellow-50\": \"#fefae8\",\n \"yellow-100\": \"#fef7dc\",\n \"yellow-200\": \"#fcf1c5\",\n \"yellow-300\": \"#fae797\",\n \"yellow-400\": \"#f8dc69\",\n \"yellow-500\": \"#f5c918\",\n \"yellow-600\": \"#e8ad11\",\n \"yellow-700\": \"#c5930e\",\n \"yellow-800\": \"#97700b\",\n \"yellow-900\": \"#684e08\",\n \"orange-50\": \"#fff4e9\",\n \"orange-100\": \"#ffefdd\",\n \"orange-200\": \"#ffe4c7\",\n \"orange-300\": \"#ffce9a\",\n \"orange-400\": \"#ffb96d\",\n \"orange-500\": \"#ff931f\",\n \"orange-600\": \"#ed6325\",\n \"orange-700\": \"#c9541f\",\n \"orange-800\": \"#9a4018\",\n \"orange-900\": \"#6b2d11\",\n \"teal-50\": \"#ebfafb\",\n \"teal-100\": \"#e1f8f9\",\n \"teal-200\": \"#cdf3f5\",\n \"teal-300\": \"#a5eaed\",\n \"teal-400\": \"#7de0e4\",\n \"teal-500\": \"#37d0d6\",\n \"teal-600\": \"#1e9094\",\n \"teal-700\": \"#1a7a7e\",\n \"teal-800\": \"#145e60\",\n \"teal-900\": \"#0e4143\",\n \"aqua-50\": \"#eaf7ff\",\n \"aqua-100\": \"#dff4ff\",\n \"aqua-200\": \"#caecff\",\n \"aqua-300\": \"#a0ddff\",\n \"aqua-400\": \"#76ceff\",\n \"aqua-500\": \"#2cb3ff\",\n \"aqua-600\": \"#1b9ce6\",\n \"aqua-700\": \"#1785c3\",\n \"aqua-800\": \"#126596\",\n \"aqua-900\": \"#0c4668\",\n \"blue-50\": \"#ebf5ff\",\n \"blue-100\": \"#e0f0ff\",\n \"blue-200\": \"#cce6ff\",\n \"blue-300\": \"#a3d3ff\",\n \"blue-400\": \"#7abfff\",\n \"blue-500\": \"#329dff\",\n \"blue-600\": \"#005cff\",\n \"blue-700\": \"#1c3bd4\",\n \"blue-800\": \"#1832b4\",\n \"blue-900\": \"#12268a\",\n \"pink-50\": \"#feeaf3\",\n \"pink-100\": \"#fedfec\",\n \"pink-200\": \"#fdcae0\",\n \"pink-300\": \"#fca0c7\",\n \"pink-400\": \"#fa76af\",\n \"pink-500\": \"#f72c84\",\n \"pink-600\": \"#df1a6f\",\n \"pink-700\": \"#be165e\",\n \"pink-800\": \"#911148\",\n \"pink-900\": \"#640c32\",\n \"green-50\": \"#e8f9f1\",\n \"green-100\": \"#dcf6ea\",\n \"green-200\": \"#c5efdd\",\n \"green-300\": \"#97e3c1\",\n \"green-400\": \"#69d7a6\",\n \"green-500\": \"#18c176\",\n \"green-600\": \"#159f65\",\n \"green-700\": \"#128756\",\n \"green-800\": \"#0e6742\",\n \"green-900\": \"#09482d\",\n \"red-50\": \"#feeded\",\n \"red-100\": \"#fde3e3\",\n \"red-200\": \"#fcd1d1\",\n \"red-300\": \"#faacac\",\n \"red-400\": \"#f78787\",\n \"red-500\": \"#f34747\",\n \"red-600\": \"#d8273a\",\n \"red-700\": \"#b82131\",\n \"red-800\": \"#8c1926\",\n \"red-900\": \"#61121a\",\n \"purple-50\": \"#f8efff\",\n \"purple-100\": \"#f5e7ff\",\n \"purple-200\": \"#eed8fe\",\n \"purple-300\": \"#e0b8fe\",\n \"purple-400\": \"#d299fe\",\n \"purple-500\": \"#ba62fd\",\n \"purple-600\": \"#7a12d4\",\n \"purple-700\": \"#680fb4\",\n \"purple-800\": \"#4f0c8a\",\n \"purple-900\": \"#37085f\",\n \"cool-grey-100\": \"#f9f9f9\",\n \"cool-grey-150\": \"#f3f4f6\",\n \"cool-grey-200\": \"#ebedef\",\n \"cool-grey-250\": \"#dfe1e5\",\n \"cool-grey-300\": \"#ced1d7\",\n \"cool-grey-350\": \"#b3b8c1\",\n \"cool-grey-400\": \"#979ca5\",\n \"cool-grey-450\": \"#71767f\",\n \"cool-grey-500\": \"#595e67\",\n \"cool-grey-550\": \"#41464f\",\n \"cool-grey-600\": \"#292d38\",\n \"cool-grey-650\": \"#181d26\",\n \"cool-grey-700\": \"#0f131a\",\n \"black\": \"#000000\",\n \"white\": \"#ffffff\"\n};\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.colors = void 0;\n// Import colors from CommonJS module\nconst colorsModule = require(\"./build/js/mindvalley/colors\");\n// Re-export colors with proper typing\nexports.colors = colorsModule;\n// Default export for CommonJS compatibility\nexports.default = {\n colors: colorsModule,\n};\n"],"names":["root","factory","exports","module","define","amd","this","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","Object","defineProperty","value","colors","colorsModule"],"sourceRoot":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface TypographyTokens {
|
|
2
|
+
[key: string]: {
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
fontSize: string;
|
|
5
|
+
letterSpacing: string;
|
|
6
|
+
lineHeight: string;
|
|
7
|
+
fontWeight?: number;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
declare const tokens: TypographyTokens;
|
|
11
|
+
export default tokens;
|
|
12
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/b2b/typography.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,gBA2Bb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1,31 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tokens = {
|
|
4
|
+
"heading-1-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "60px" },
|
|
5
|
+
"heading-2-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "45px" },
|
|
6
|
+
"heading-3-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "35px" },
|
|
7
|
+
"heading-4-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
8
|
+
"heading-5-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "25px" },
|
|
9
|
+
"heading-6-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "23px" },
|
|
10
|
+
"heading-7-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "21px" },
|
|
11
|
+
"heading-8-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "19px" },
|
|
12
|
+
"heading-9-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.35px", "lineHeight": "17px" },
|
|
13
|
+
"heading-10-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "15px" },
|
|
14
|
+
"display-1-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "100px", "letterSpacing": "0.25px", "lineHeight": "115px" },
|
|
15
|
+
"display-2-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "80px", "letterSpacing": "0.25px", "lineHeight": "96px" },
|
|
16
|
+
"display-3-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "72px" },
|
|
17
|
+
"display-1-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "80px", "letterSpacing": "0.25px", "lineHeight": "96px" },
|
|
18
|
+
"display-2-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "72px" },
|
|
19
|
+
"display-3-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "58px" },
|
|
20
|
+
"heading-1-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "letterSpacing": "0.25px", "lineHeight": "40px" },
|
|
21
|
+
"heading-2-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "35px" },
|
|
22
|
+
"heading-3-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
23
|
+
"heading-4-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "25px" },
|
|
24
|
+
"heading-5-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "23px" },
|
|
25
|
+
"heading-6-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "21px" },
|
|
26
|
+
"heading-7-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "19px" },
|
|
27
|
+
"heading-8-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.25px", "lineHeight": "17px" },
|
|
28
|
+
"heading-9-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "15px" },
|
|
29
|
+
"heading-10-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "15px" }
|
|
30
|
+
};
|
|
31
|
+
exports.default = tokens;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface TypographyTokens {
|
|
2
|
+
[key: string]: {
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
fontSize: string;
|
|
5
|
+
letterSpacing: string;
|
|
6
|
+
lineHeight: string;
|
|
7
|
+
fontWeight?: number;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
declare const tokens: TypographyTokens;
|
|
11
|
+
export default tokens;
|
|
12
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/mindvalley/typography.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,gBAoEb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1,72 @@
|
|
|
1
|
-
module.exports={"button-text":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"button-text-medium":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"button-text-small":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},body:{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-bold":{fontFamily:"'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small-bold":{fontFamily:"'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-2xs":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.50px",lineHeight:"15px"},"body-3xs":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.50px",lineHeight:"12px"},"body-large":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"30px"},"caption-disclaimer":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.50px",lineHeight:"16px"},"overline-text":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.50px",lineHeight:"20px"},"timer-text":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"52px"},"timer-text-medium":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"timer-text-small":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"display-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"96px",letterSpacing:"0.25px",lineHeight:"92px"},"display-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"58px"},"display-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"48px"},"display-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"35px"},"title-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-10-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-11-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"},"title-bold-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"72px",letterSpacing:"0.25px",lineHeight:"80px"},"title-bold-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-10-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-bold-11-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-bold-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"30px",letterSpacing:"0.25px",lineHeight:"36px"},"title-bold-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-10-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-bold-11-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.25px",lineHeight:"16px"},"display-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"64px",letterSpacing:"0.25px",lineHeight:"62px"},"display-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"46px"},"display-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"35px"},"display-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"26px",letterSpacing:"0.25px",lineHeight:"28px"},"title-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-10-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"38px"},"title-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-11-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"}};
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tokens = {
|
|
4
|
+
"button-text": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "20px" },
|
|
5
|
+
"button-text-medium": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "18px" },
|
|
6
|
+
"button-text-small": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.35px", "lineHeight": "16px" },
|
|
7
|
+
"body": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.35px", "lineHeight": "24px" },
|
|
8
|
+
"body-small": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.35px", "lineHeight": "20px" },
|
|
9
|
+
"body-bold": { "fontFamily": "'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.35px", "lineHeight": "24px" },
|
|
10
|
+
"body-small-bold": { "fontFamily": "'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.35px", "lineHeight": "20px" },
|
|
11
|
+
"body-2xs": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.50px", "lineHeight": "15px" },
|
|
12
|
+
"body-3xs": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "8px", "letterSpacing": "0.50px", "lineHeight": "12px" },
|
|
13
|
+
"body-large": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
14
|
+
"caption-disclaimer": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.50px", "lineHeight": "16px" },
|
|
15
|
+
"overline-text": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.50px", "lineHeight": "20px" },
|
|
16
|
+
"timer-text": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "44px", "letterSpacing": "0.25px", "lineHeight": "52px" },
|
|
17
|
+
"timer-text-medium": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "44px" },
|
|
18
|
+
"timer-text-small": { "fontFamily": "'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "34px" },
|
|
19
|
+
"display-1-desktop": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "96px", "letterSpacing": "0.25px", "lineHeight": "92px" },
|
|
20
|
+
"display-2-desktop": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "58px" },
|
|
21
|
+
"display-3-desktop": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "44px", "letterSpacing": "0.25px", "lineHeight": "48px" },
|
|
22
|
+
"display-4-desktop": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "letterSpacing": "0.25px", "lineHeight": "35px" },
|
|
23
|
+
"title-8-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "18px" },
|
|
24
|
+
"title-7-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "20px" },
|
|
25
|
+
"title-4-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "34px" },
|
|
26
|
+
"title-6-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "24px" },
|
|
27
|
+
"title-3-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "44px" },
|
|
28
|
+
"title-2-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "56px" },
|
|
29
|
+
"title-10-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "14px" },
|
|
30
|
+
"title-5-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
31
|
+
"title-9-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.35px", "lineHeight": "16px" },
|
|
32
|
+
"title-1-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "68px" },
|
|
33
|
+
"title-11-desktop": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "8px", "letterSpacing": "0.35px", "lineHeight": "12px" },
|
|
34
|
+
"title-bold-5-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "34px" },
|
|
35
|
+
"title-bold-6-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
36
|
+
"title-bold-9-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "22px" },
|
|
37
|
+
"title-bold-4-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "44px" },
|
|
38
|
+
"title-bold-3-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "56px" },
|
|
39
|
+
"title-bold-8-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "24px" },
|
|
40
|
+
"title-bold-1-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "72px", "letterSpacing": "0.25px", "lineHeight": "80px" },
|
|
41
|
+
"title-bold-7-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "letterSpacing": "0.25px", "lineHeight": "26px" },
|
|
42
|
+
"title-bold-10-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "20px" },
|
|
43
|
+
"title-bold-2-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "68px" },
|
|
44
|
+
"title-bold-11-desktop": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "18px" },
|
|
45
|
+
"title-bold-4-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "34px" },
|
|
46
|
+
"title-bold-3-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "30px", "letterSpacing": "0.25px", "lineHeight": "36px" },
|
|
47
|
+
"title-bold-1-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "56px" },
|
|
48
|
+
"title-bold-7-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "24px" },
|
|
49
|
+
"title-bold-2-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "44px" },
|
|
50
|
+
"title-bold-5-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
51
|
+
"title-bold-6-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "letterSpacing": "0.25px", "lineHeight": "26px" },
|
|
52
|
+
"title-bold-8-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "22px" },
|
|
53
|
+
"title-bold-9-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "20px" },
|
|
54
|
+
"title-bold-10-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "18px" },
|
|
55
|
+
"title-bold-11-mobile": { "fontFamily": "'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.25px", "lineHeight": "16px" },
|
|
56
|
+
"display-1-mobile": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "64px", "letterSpacing": "0.25px", "lineHeight": "62px" },
|
|
57
|
+
"display-2-mobile": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "46px" },
|
|
58
|
+
"display-3-mobile": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "letterSpacing": "0.25px", "lineHeight": "35px" },
|
|
59
|
+
"display-4-mobile": { "fontFamily": "'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'", "fontSize": "26px", "letterSpacing": "0.25px", "lineHeight": "28px" },
|
|
60
|
+
"title-5-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "24px" },
|
|
61
|
+
"title-8-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "18px" },
|
|
62
|
+
"title-10-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "14px" },
|
|
63
|
+
"title-7-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "20px" },
|
|
64
|
+
"title-9-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.35px", "lineHeight": "16px" },
|
|
65
|
+
"title-1-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "44px" },
|
|
66
|
+
"title-2-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "letterSpacing": "0.25px", "lineHeight": "38px" },
|
|
67
|
+
"title-3-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "34px" },
|
|
68
|
+
"title-4-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "30px" },
|
|
69
|
+
"title-6-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "22px" },
|
|
70
|
+
"title-11-mobile": { "fontFamily": "'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'", "fontSize": "8px", "letterSpacing": "0.35px", "lineHeight": "12px" }
|
|
71
|
+
};
|
|
72
|
+
exports.default = tokens;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface TypographyToken {
|
|
2
|
+
fontFamily: string;
|
|
3
|
+
fontSize: string;
|
|
4
|
+
lineHeight: string;
|
|
5
|
+
letterSpacing: string;
|
|
6
|
+
fontWeight?: number;
|
|
7
|
+
[key: string]: string | number | undefined;
|
|
8
|
+
}
|
|
9
|
+
export interface TypographySet {
|
|
10
|
+
[key: string]: TypographyToken;
|
|
11
|
+
}
|
|
12
|
+
export interface TypographyPluginOptions {
|
|
13
|
+
casing?: 'snakeCase' | 'camelCase' | 'pascalCase' | 'kebabCase' | 'noCase';
|
|
14
|
+
breakingPoint?: string;
|
|
15
|
+
prefix?: string;
|
|
16
|
+
brands?: string[];
|
|
17
|
+
}
|
|
18
|
+
declare const _default: {
|
|
19
|
+
(options: TypographyPluginOptions | undefined): {
|
|
20
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
21
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
22
|
+
};
|
|
23
|
+
__isOptionsFunction: true;
|
|
24
|
+
};
|
|
25
|
+
export default _default;
|
|
26
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/tailwind/plugins/typography.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC5C;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAC;CAChC;AAgBD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;;;;cApCoC,CAAC;;;;AAmMtC,wBAAoD"}
|
|
@@ -1 +1,98 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const plugin_1 = __importDefault(require("tailwindcss/plugin"));
|
|
7
|
+
const dimens_1 = require("../../helpers/dimens");
|
|
8
|
+
const casing_1 = require("../../helpers/casing");
|
|
9
|
+
const typography_1 = __importDefault(require("./tokens/mindvalley/typography"));
|
|
10
|
+
const typography_2 = __importDefault(require("./tokens/b2b/typography"));
|
|
11
|
+
const brandMapping = {
|
|
12
|
+
mindvalley: typography_1.default,
|
|
13
|
+
b2b: typography_2.default
|
|
14
|
+
};
|
|
15
|
+
function typographyPlugin(options = {}) {
|
|
16
|
+
return ({ addUtilities, theme }) => {
|
|
17
|
+
const { casing = casing_1.CASINGS.kebabCase, breakingPoint = theme("screens.lg", "1024px"), prefix = "", brands = ["mindvalley"] } = options;
|
|
18
|
+
const typographyClassDeclarations = {};
|
|
19
|
+
for (const brand of brands) {
|
|
20
|
+
const brandTypography = brandMapping[brand];
|
|
21
|
+
if (!brandTypography) {
|
|
22
|
+
continue;
|
|
23
|
+
}
|
|
24
|
+
const processedTypography = processTypography(brandTypography, breakingPoint);
|
|
25
|
+
const casedTypography = convertObjectKeysToCasedClassNames(processedTypography, casing, prefix);
|
|
26
|
+
Object.assign(typographyClassDeclarations, casedTypography);
|
|
27
|
+
}
|
|
28
|
+
addUtilities(typographyClassDeclarations);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function processTypography(typography, breakingPoint) {
|
|
32
|
+
const result = {};
|
|
33
|
+
for (const key of Object.keys(typography)) {
|
|
34
|
+
const baseKey = (0, casing_1.toCamelCase)(key.replace(/-desktop|-mobile/g, ""));
|
|
35
|
+
const isDesktop = key.includes("-desktop");
|
|
36
|
+
const isMobile = key.includes("-mobile");
|
|
37
|
+
const baseTypography = typography[key];
|
|
38
|
+
if (isDesktop) {
|
|
39
|
+
const existing = result[baseKey] || {};
|
|
40
|
+
result[baseKey] = Object.assign(Object.assign({}, existing), { [`@media (min-width: ${breakingPoint})`]: Object.assign({}, baseTypography) });
|
|
41
|
+
}
|
|
42
|
+
else if (isMobile) {
|
|
43
|
+
const existing = result[baseKey] || {};
|
|
44
|
+
result[baseKey] = Object.assign(Object.assign({}, baseTypography), existing);
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
result[baseKey] = baseTypography;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return result;
|
|
51
|
+
}
|
|
52
|
+
function convertObjectKeysToCasedClassNames(typography, casing = casing_1.CASINGS.kebabCase, prefix = "") {
|
|
53
|
+
const mapKey = (key) => {
|
|
54
|
+
let className;
|
|
55
|
+
switch (casing) {
|
|
56
|
+
case casing_1.CASINGS.snakeCase:
|
|
57
|
+
className = (0, casing_1.toSnakeCase)(key);
|
|
58
|
+
break;
|
|
59
|
+
case casing_1.CASINGS.camelCase:
|
|
60
|
+
className = (0, casing_1.toCamelCase)(key);
|
|
61
|
+
break;
|
|
62
|
+
case casing_1.CASINGS.pascalCase:
|
|
63
|
+
className = (0, casing_1.toPascalCase)(key);
|
|
64
|
+
break;
|
|
65
|
+
case casing_1.CASINGS.kebabCase:
|
|
66
|
+
className = (0, casing_1.toKebabCase)(key);
|
|
67
|
+
break;
|
|
68
|
+
case casing_1.CASINGS.noCase:
|
|
69
|
+
className = (0, casing_1.toNoCase)(key);
|
|
70
|
+
break;
|
|
71
|
+
default:
|
|
72
|
+
console.error(`${casing} is currently not supported in this function, reverting to default ${casing_1.CASINGS.kebabCase}. Please raise an issue ticket here[https://github.com/mindvalley/mv-design-system]`);
|
|
73
|
+
className = (0, casing_1.toKebabCase)(key);
|
|
74
|
+
}
|
|
75
|
+
return prefix ? `.${prefix}${className}` : `.${className}`;
|
|
76
|
+
};
|
|
77
|
+
const mapVal = (value) => {
|
|
78
|
+
const res = {};
|
|
79
|
+
Object.keys(value).forEach((key) => {
|
|
80
|
+
const propValue = value[key];
|
|
81
|
+
if (["fontSize", "letterSpacing", "lineHeight"].includes(key) && typeof propValue === 'string') {
|
|
82
|
+
res[key] = (0, dimens_1.strPxToRemStr)(propValue);
|
|
83
|
+
}
|
|
84
|
+
else if (typeof propValue === "object" && propValue !== null) {
|
|
85
|
+
res[key] = mapVal(propValue);
|
|
86
|
+
}
|
|
87
|
+
else if (propValue !== undefined) {
|
|
88
|
+
res[key] = propValue;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
return res;
|
|
92
|
+
};
|
|
93
|
+
return mapObj(typography, mapKey, mapVal);
|
|
94
|
+
}
|
|
95
|
+
function mapObj(obj, keyMapFn, valueMapFn) {
|
|
96
|
+
return Object.entries(obj).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [keyMapFn(key)]: valueMapFn(value) })), {});
|
|
97
|
+
}
|
|
98
|
+
exports.default = plugin_1.default.withOptions(typographyPlugin);
|
package/docs/CONTRIBUTION.md
CHANGED
|
@@ -56,14 +56,14 @@ See more in the [release guide](RELEASING.md#releasing-π).
|
|
|
56
56
|
|
|
57
57
|
#### π Directory structure
|
|
58
58
|
|
|
59
|
-
Here is a
|
|
59
|
+
Here is a simplified directory structure highlighting key areas for contributors:
|
|
60
60
|
|
|
61
61
|
```bash
|
|
62
62
|
βββ LICENSE
|
|
63
63
|
βββ README.md
|
|
64
64
|
βββ __tests__
|
|
65
65
|
βββ babel.config.js
|
|
66
|
-
βββ build.
|
|
66
|
+
βββ build.ts
|
|
67
67
|
βββ dist/
|
|
68
68
|
β βββ ...
|
|
69
69
|
βββ docs/
|
|
@@ -108,7 +108,7 @@ Here is a simplifie directory structure highlighting key areas for contributors:
|
|
|
108
108
|
|
|
109
109
|
* There is **no** root `config.json`.
|
|
110
110
|
|
|
111
|
-
* Main configuration is in `build.
|
|
111
|
+
* Main configuration is in `build.ts`, `webpack.config.js`, and scripts in `package.json`.
|
|
112
112
|
|
|
113
113
|
#### Important npm scripts
|
|
114
114
|
|
package/docs/RELEASING.md
CHANGED
|
@@ -13,8 +13,8 @@ Only the above type of commits will trigger a release.
|
|
|
13
13
|
|
|
14
14
|
On merging to the main branch, several things will happen:
|
|
15
15
|
|
|
16
|
-
1. Semantic
|
|
17
|
-
2.
|
|
16
|
+
1. Semantic Release analyzes the commit messages for the merged changes.
|
|
17
|
+
2. It determines the release type using the table above.
|
|
18
18
|
3. Generate a changelog for the new changes and generate the new package version number.
|
|
19
19
|
4. Thereafter a git release will be prepared and pushed to the repo together with the Changelog and package.json version update.
|
|
20
20
|
5. The new package is then published to npm.
|
|
@@ -23,10 +23,15 @@ More detailed explanation can be found on the [semantic release steps documentat
|
|
|
23
23
|
|
|
24
24
|
After release and publishing, the package should be available as a [scoped npm package](https://docs.npmjs.com/creating-and-publishing-scoped-public-packages) and is on npm as [@mindvalley/design-system](https://www.npmjs.com/package/@mindvalley/design-system).
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
### Trusted publishing
|
|
27
|
+
|
|
28
|
+
Releases run through the GitHub Actions workflow [`release.yml`](../.github/workflows/release.yml) using [npm trusted publishing](https://docs.npmjs.com/trusted-publishers). The workflow:
|
|
27
29
|
|
|
28
|
-
|
|
30
|
+
- authenticates to npm via OpenID Connect (`id-token` GitHub permission) so no long-lived `NPM_TOKEN` is required;
|
|
31
|
+
- enables Corepack and resolves `npm@11.5.1`, pinned via the repositoryβs `package.json` and `.tool-versions`, to satisfy npmβs trusted publisher requirements;
|
|
32
|
+
- publishes with provenance metadata via `NPM_CONFIG_PROVENANCE=true` so npm records the GitHub build attestation;
|
|
33
|
+
- executes the standard semantic-release pipeline to tag, generate changelog entries, open the release PR, and publish to npm.
|
|
29
34
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
35
|
+
If the workflow fails, re-run it from the Actions tab after addressing the underlying error. No manual npm publishing is expected under normal circumstances.
|
|
36
|
+
|
|
37
|
+
Jump to the [usage guide](USAGE.md) to understand how to use the published package in your repo.
|