@mindvalley/design-system 3.1.2 → 3.2.0
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 +27 -5
- package/dist/b2b.js +2 -0
- package/dist/b2b.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tailwind/plugins/tokens/mindvalley/typography.js +1 -0
- package/dist/tailwind/plugins/typography.js +1 -1
- package/docs/USAGE.md +69 -0
- package/package.json +6 -1
- package/dist/tailwind/plugins/tokens/typography.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,17 +1,39 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
All notable changes to this project will be documented in this file.
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
# [3.2.0](https://github.com/mindvalley/mv-design-system/compare/v3.1.2...v3.2.0) (2024-02-06)
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
###
|
|
7
|
+
### Features
|
|
8
8
|
|
|
9
|
-
*
|
|
9
|
+
* Add b2b typography tokens and update core typography import ([603713e](https://github.com/mindvalley/mv-design-system/commit/603713e80409a394c282515da935a3b7cca47029))
|
|
10
|
+
* Add b2b.js and update colors import in index.js and webpack.config.js ([603713e](https://github.com/mindvalley/mv-design-system/commit/603713e80409a394c282515da935a3b7cca47029))
|
|
11
|
+
* Add design tokens for Mindvalley brand and b2b ([603713e](https://github.com/mindvalley/mv-design-system/commit/603713e80409a394c282515da935a3b7cca47029))
|
|
12
|
+
* Add exports configuration to package.json ([603713e](https://github.com/mindvalley/mv-design-system/commit/603713e80409a394c282515da935a3b7cca47029))
|
|
13
|
+
* Use nodejs node config for expandability to support brands ([603713e](https://github.com/mindvalley/mv-design-system/commit/603713e80409a394c282515da935a3b7cca47029))
|
|
10
14
|
|
|
11
15
|
# Changelog
|
|
12
16
|
|
|
13
17
|
All notable changes to this project will be documented in this file.
|
|
14
18
|
|
|
19
|
+
## [3.1.2](https://github.com/mindvalley/mv-design-system/compare/v3.1.1...v3.1.2) (2023-11-14)
|
|
20
|
+
|
|
21
|
+
### Bug Fixes
|
|
22
|
+
|
|
23
|
+
* Fix broken typography font family
|
|
24
|
+
* Remove rounding of typography values ([fb1fd1e](https://github.com/mindvalley/mv-design-system/commit/fb1fd1e4182625b72f406bc64a49aeabfc9f3d76))
|
|
25
|
+
|
|
26
|
+
### Documentation
|
|
27
|
+
|
|
28
|
+
* Added documentation for icons and wordmarks usage
|
|
29
|
+
* Added contribution docs on the icons and wordmark processing flow
|
|
30
|
+
* Update guide on how to update icons
|
|
31
|
+
|
|
32
|
+
### Builds
|
|
33
|
+
|
|
34
|
+
* Add easy way to fetch and format icons and wordmark svgs, sprite files
|
|
35
|
+
* Added a new way to access the icons see the usage guide for more details
|
|
36
|
+
|
|
15
37
|
## [3.1.1](https://github.com/mindvalley/mv-design-system/compare/v3.1.0...v3.1.1) (2023-11-09)
|
|
16
38
|
|
|
17
39
|
### Bug Fixes
|
|
@@ -32,7 +54,7 @@ New typography classes added
|
|
|
32
54
|
|
|
33
55
|
### Notice
|
|
34
56
|
|
|
35
|
-
* A bug has been identified where typography tokens are not working as expected when the package is published to NPM. This issue is fixed in version 3.1.
|
|
57
|
+
* A bug has been identified where typography tokens are not working as expected when the package is published to NPM. This issue is fixed in version 3.1.2.
|
|
36
58
|
|
|
37
59
|
## [3.0.3](https://github.com/mindvalley/mv-design-system/compare/v3.0.2...v3.0.3) (2023-11-09)
|
|
38
60
|
|
|
@@ -52,7 +74,7 @@ New typography classes added
|
|
|
52
74
|
|
|
53
75
|
### Notice
|
|
54
76
|
|
|
55
|
-
It has come to our attention that there is a bug affecting typography tokens due to a missing 'build' folder reference. This issue has been addressed in the subsequent 3.1.
|
|
77
|
+
It has come to our attention that there is a bug affecting typography tokens due to a missing 'build' folder reference. This issue has been addressed in the subsequent 3.1.2 release.
|
|
56
78
|
|
|
57
79
|
## [3.0.2](https://github.com/mindvalley/mv-design-system/compare/v3.0.1...v3.0.2) (2023-09-19)
|
|
58
80
|
|
package/dist/b2b.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.mvDesignSystem=r():e.mvDesignSystem=r()}(this,(()=>(()=>{var e={487:e=>{e.exports={"red-18a":"rgba(255, 109, 92, 0.18)","red-12a":"rgba(255, 109, 92, 0.12)","red-8a":"rgba(255, 109, 92, 0.08)","red-4a":"rgba(255, 109, 92, 0.04)","teal-50":"#f1fcfb","teal-100":"#d1f6f3","teal-200":"#a3ece8","teal-300":"#6ddbda","teal-400":"#3cbcbe","teal-500":"#25a4a7","teal-600":"#1b8186","teal-700":"#1a6367","teal-800":"#194448","teal-900":"#09252a","purple-50":"#f5f4fe","purple-100":"#ecebfc","purple-200":"#dad9fb","purple-300":"#bfbbf7","purple-400":"#9e94f1","purple-500":"#7e68ea","purple-600":"#664bca","purple-700":"#4d2daa","purple-800":"#40268c","purple-900":"#26175e","brown-50":"#f9f8f4","brown-100":"#f3efe9","brown-200":"#ede6de","brown-300":"#d4c5ba","brown-400":"#ae9f95","brown-500":"#87796f","brown-600":"#6f635c","brown-700":"#574e48","brown-800":"#3f3835","brown-900":"#272221","blue-50":"#f0f6fe","blue-100":"#dce9fd","blue-200":"#c2dafb","blue-300":"#98c3f8","blue-400":"#67a3f3","blue-500":"#4380ee","blue-600":"#3165e3","blue-700":"#204bb4","blue-800":"#192e75","blue-900":"#121f54","red-50":"#fff2f1","red-100":"#ffe4e2","red-200":"#ffada7","red-300":"#ff8d82","red-400":"#ff6d5c","red-500":"#e85546","red-600":"#d03c2f","red-700":"#a83126","red-800":"#782b24","red-900":"#41120e"}}},r={};function f(t){var a=r[t];if(void 0!==a)return a.exports;var o=r[t]={exports:{}};return e[t](o,o.exports,f),o.exports}f.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return f.d(r,{a:r}),r},f.d=(e,r)=>{for(var t in r)f.o(r,t)&&!f.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},f.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};return(()=>{"use strict";f.r(t),f.d(t,{colors:()=>e});var e=f(487)})(),t})()));
|
|
2
|
+
//# sourceMappingURL=b2b.js.map
|
package/dist/b2b.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b2b.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,MAAM,I,qBCJTH,EAAOD,QAAU,CACf,UAAW,2BACX,UAAW,2BACX,SAAU,2BACV,SAAU,2BACV,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,WAAY,UACZ,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,U,GC1DTK,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,CCrBAM,EAAoBK,EAAKV,IACxB,IAAIW,EAASX,GAAUA,EAAOY,WAC7B,IAAOZ,EAAiB,QACxB,IAAM,EAEP,OADAK,EAAoBQ,EAAEF,EAAQ,CAAEG,EAAGH,IAC5BA,CAAM,ECLdN,EAAoBQ,EAAI,CAACd,EAASgB,KACjC,IAAI,IAAIC,KAAOD,EACXV,EAAoBY,EAAEF,EAAYC,KAASX,EAAoBY,EAAElB,EAASiB,IAC5EE,OAAOC,eAAepB,EAASiB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDX,EAAoBY,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFlB,EAAoBsB,EAAK5B,IACH,oBAAX6B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAepB,EAAS6B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAepB,EAAS,aAAc,CAAE+B,OAAO,GAAO,E","sources":["webpack://mvDesignSystem/webpack/universalModuleDefinition","webpack://mvDesignSystem/./src/build/js/b2b/colors.js","webpack://mvDesignSystem/webpack/bootstrap","webpack://mvDesignSystem/webpack/runtime/compat get default export","webpack://mvDesignSystem/webpack/runtime/define property getters","webpack://mvDesignSystem/webpack/runtime/hasOwnProperty shorthand","webpack://mvDesignSystem/webpack/runtime/make namespace object"],"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 Tue, 06 Feb 2024 11:14:05 GMT\n */\n\nmodule.exports = {\n \"red-18a\": \"rgba(255, 109, 92, 0.18)\",\n \"red-12a\": \"rgba(255, 109, 92, 0.12)\",\n \"red-8a\": \"rgba(255, 109, 92, 0.08)\",\n \"red-4a\": \"rgba(255, 109, 92, 0.04)\",\n \"teal-50\": \"#f1fcfb\",\n \"teal-100\": \"#d1f6f3\",\n \"teal-200\": \"#a3ece8\",\n \"teal-300\": \"#6ddbda\",\n \"teal-400\": \"#3cbcbe\",\n \"teal-500\": \"#25a4a7\",\n \"teal-600\": \"#1b8186\",\n \"teal-700\": \"#1a6367\",\n \"teal-800\": \"#194448\",\n \"teal-900\": \"#09252a\",\n \"purple-50\": \"#f5f4fe\",\n \"purple-100\": \"#ecebfc\",\n \"purple-200\": \"#dad9fb\",\n \"purple-300\": \"#bfbbf7\",\n \"purple-400\": \"#9e94f1\",\n \"purple-500\": \"#7e68ea\",\n \"purple-600\": \"#664bca\",\n \"purple-700\": \"#4d2daa\",\n \"purple-800\": \"#40268c\",\n \"purple-900\": \"#26175e\",\n \"brown-50\": \"#f9f8f4\",\n \"brown-100\": \"#f3efe9\",\n \"brown-200\": \"#ede6de\",\n \"brown-300\": \"#d4c5ba\",\n \"brown-400\": \"#ae9f95\",\n \"brown-500\": \"#87796f\",\n \"brown-600\": \"#6f635c\",\n \"brown-700\": \"#574e48\",\n \"brown-800\": \"#3f3835\",\n \"brown-900\": \"#272221\",\n \"blue-50\": \"#f0f6fe\",\n \"blue-100\": \"#dce9fd\",\n \"blue-200\": \"#c2dafb\",\n \"blue-300\": \"#98c3f8\",\n \"blue-400\": \"#67a3f3\",\n \"blue-500\": \"#4380ee\",\n \"blue-600\": \"#3165e3\",\n \"blue-700\": \"#204bb4\",\n \"blue-800\": \"#192e75\",\n \"blue-900\": \"#121f54\",\n \"red-50\": \"#fff2f1\",\n \"red-100\": \"#ffe4e2\",\n \"red-200\": \"#ffada7\",\n \"red-300\": \"#ff8d82\",\n \"red-400\": \"#ff6d5c\",\n \"red-500\": \"#e85546\",\n \"red-600\": \"#d03c2f\",\n \"red-700\": \"#a83126\",\n \"red-800\": \"#782b24\",\n \"red-900\": \"#41120e\"\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","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["root","factory","exports","module","define","amd","this","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value"],"sourceRoot":""}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,f){"object"==typeof exports&&"object"==typeof module?module.exports=f():"function"==typeof define&&define.amd?define([],f):"object"==typeof exports?exports.mvDesignSystem=f():e.mvDesignSystem=f()}(this,(()=>(()=>{var e={
|
|
1
|
+
!function(e,f){"object"==typeof exports&&"object"==typeof module?module.exports=f():"function"==typeof define&&define.amd?define([],f):"object"==typeof exports?exports.mvDesignSystem=f():e.mvDesignSystem=f()}(this,(()=>(()=>{var e={907:e=>{e.exports={"white-90a":"rgba(255, 255, 255, 0.9)","white-70a":"rgba(255, 255, 255, 0.7)","white-24a":"rgba(255, 255, 255, 0.24)","white-18a":"rgba(255, 255, 255, 0.18)","white-12a":"rgba(255, 255, 255, 0.12)","white-10a":"rgba(255, 255, 255, 0.1)","white-8a":"rgba(255, 255, 255, 0.08)","black-70a":"rgba(0, 0, 0, 0.7)","black-18a":"rgba(0, 0, 0, 0.18)","black-12a":"rgba(0, 0, 0, 0.12)","black-8a":"rgba(0, 0, 0, 0.08)","black-6a":"rgba(0, 0, 0, 0.06)","black-4a":"rgba(0, 0, 0, 0.04)","purple-500-90a":"rgba(186, 98, 253, 0.9)","purple-500-20a":"rgba(186, 98, 253, 0.2)","purple-600-10a":"rgba(122, 18, 212, 0.1)","purple-tint":"#9b37f2","green-50":"#e8f9f1","green-100":"#dcf6ea","green-200":"#c5efdd","green-300":"#97e3c1","green-400":"#69d7a6","green-500":"#18c176","green-600":"#159f65","green-700":"#128756","green-800":"#0e6742","green-900":"#09482d","teal-50":"#ebfafb","teal-100":"#e1f8f9","teal-200":"#cdf3f5","teal-300":"#a5eaed","teal-400":"#7de0e4","teal-500":"#37d0d6","teal-600":"#1e9094","teal-700":"#1a7a7e","teal-800":"#145e60","teal-900":"#0e4143","blue-50":"#ebf5ff","blue-100":"#e0f0ff","blue-200":"#cce6ff","blue-300":"#a3d3ff","blue-400":"#7abfff","blue-500":"#329dff","blue-600":"#005cff","blue-700":"#1c3bd4","blue-800":"#1832b4","blue-900":"#12268a","red-50":"#feeded","red-100":"#fde3e3","red-200":"#fcd1d1","red-300":"#faacac","red-400":"#f78787","red-500":"#f34747","red-600":"#d8273a","red-700":"#b82131","red-800":"#8c1926","red-900":"#61121a","orange-50":"#fff4e9","orange-100":"#ffefdd","orange-200":"#ffe4c7","orange-300":"#ffce9a","orange-400":"#ffb96d","orange-500":"#ff931f","orange-600":"#ed6325","orange-700":"#c9541f","orange-800":"#9a4018","orange-900":"#6b2d11","yellow-50":"#fefae8","yellow-100":"#fef7dc","yellow-200":"#fcf1c5","yellow-300":"#fae797","yellow-400":"#f8dc69","yellow-500":"#f5c918","yellow-600":"#e8ad11","yellow-700":"#c5930e","yellow-800":"#97700b","yellow-900":"#684e08","aqua-50":"#eaf7ff","aqua-100":"#dff4ff","aqua-200":"#caecff","aqua-300":"#a0ddff","aqua-400":"#76ceff","aqua-500":"#2cb3ff","aqua-600":"#1b9ce6","aqua-700":"#1785c3","aqua-800":"#126596","aqua-900":"#0c4668","pink-50":"#feeaf3","pink-100":"#fedfec","pink-200":"#fdcae0","pink-300":"#fca0c7","pink-400":"#fa76af","pink-500":"#f72c84","pink-600":"#df1a6f","pink-700":"#be165e","pink-800":"#911148","pink-900":"#640c32","purple-50":"#f8efff","purple-100":"#f5e7ff","purple-200":"#eed8fe","purple-300":"#e0b8fe","purple-400":"#d299fe","purple-500":"#ba62fd","purple-600":"#7a12d4","purple-700":"#680fb4","purple-800":"#4f0c8a","purple-900":"#37085f","cool-grey-100":"#f9f9f9","cool-grey-150":"#f3f4f6","cool-grey-200":"#ebedef","cool-grey-250":"#dfe1e5","cool-grey-300":"#ced1d7","cool-grey-350":"#b3b8c1","cool-grey-400":"#979ca5","cool-grey-450":"#71767f","cool-grey-500":"#595e67","cool-grey-550":"#41464f","cool-grey-600":"#292d38","cool-grey-650":"#181d26","cool-grey-700":"#0f131a",black:"#000000",white:"#ffffff"}}},f={};function a(r){var l=f[r];if(void 0!==l)return l.exports;var o=f[r]={exports:{}};return e[r](o,o.exports,a),o.exports}a.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return a.d(f,{a:f}),f},a.d=(e,f)=>{for(var r in f)a.o(f,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:f[r]})},a.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";a.r(r),a.d(r,{colors:()=>e});var e=a(907)})(),r})()));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
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,MAAM,I,qBCJTH,EAAOD,QAAU,CACf,
|
|
1
|
+
{"version":3,"file":"index.js","mappings":"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","sources":["webpack://mvDesignSystem/webpack/universalModuleDefinition","webpack://mvDesignSystem/./src/build/js/mindvalley/colors.js","webpack://mvDesignSystem/webpack/bootstrap","webpack://mvDesignSystem/webpack/runtime/compat get default export","webpack://mvDesignSystem/webpack/runtime/define property getters","webpack://mvDesignSystem/webpack/runtime/hasOwnProperty shorthand","webpack://mvDesignSystem/webpack/runtime/make namespace object"],"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 Tue, 06 Feb 2024 11:14:05 GMT\n */\n\nmodule.exports = {\n \"white-90a\": \"rgba(255, 255, 255, 0.9)\",\n \"white-70a\": \"rgba(255, 255, 255, 0.7)\",\n \"white-24a\": \"rgba(255, 255, 255, 0.24)\",\n \"white-18a\": \"rgba(255, 255, 255, 0.18)\",\n \"white-12a\": \"rgba(255, 255, 255, 0.12)\",\n \"white-10a\": \"rgba(255, 255, 255, 0.1)\",\n \"white-8a\": \"rgba(255, 255, 255, 0.08)\",\n \"black-70a\": \"rgba(0, 0, 0, 0.7)\",\n \"black-18a\": \"rgba(0, 0, 0, 0.18)\",\n \"black-12a\": \"rgba(0, 0, 0, 0.12)\",\n \"black-8a\": \"rgba(0, 0, 0, 0.08)\",\n \"black-6a\": \"rgba(0, 0, 0, 0.06)\",\n \"black-4a\": \"rgba(0, 0, 0, 0.04)\",\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 \"purple-tint\": \"#9b37f2\",\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 \"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 \"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 \"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 \"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 \"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 \"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 \"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 \"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","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["root","factory","exports","module","define","amd","this","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value"],"sourceRoot":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports={body:{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-bold":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-small-bold":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-2xs":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"10px",letterSpacing:"0.50px",lineHeight:"150percent"},"body-3xs":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"8px",letterSpacing:"0.50px",lineHeight:"150percent"},"caption-disclaimer":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"12px",letterSpacing:"0.50px",lineHeight:"16px"},"overline-text":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.50px",lineHeight:"20px"},"timer-text":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"52px"},"timer-text-medium":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"timer-text-small":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"button-text":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"button-text-medium":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"button-text-small":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-bold-1-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"72px",letterSpacing:"0.25px",lineHeight:"80px"},"title-bold-2-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-bold-3-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-4-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-5-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-6-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-7-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-8-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-9-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-10-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-11-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-1-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-2-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-3-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-4-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-5-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-6-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-7-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-8-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-9-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-10-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-11-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"},"display-1-desktop":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"96px",letterSpacing:"0.25px",lineHeight:"92px"},"display-2-desktop":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"58px"},"title-bold-1-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-2-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-3-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"30px",letterSpacing:"0.25px",lineHeight:"36px"},"title-bold-4-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-5-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-6-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-7-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-8-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-9-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-10-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-bold-11-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"12px",letterSpacing:"0.25px",lineHeight:"16px"},"title-1-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"38px"},"title-3-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-4-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-5-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-6-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-7-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-8-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-9-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-10-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"display-1-mobile":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"64px",letterSpacing:"0.25px",lineHeight:"62px"},"display-2-mobile":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"46px"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),
|
|
1
|
+
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),coreTypography=require("./tokens/mindvalley/typography"),fallbackFonts="Helvetica, Arial, 'sans-serif'",fontFamilyMapping={"Sharp Grotesk Cyr Semibold":"'Sharp Grotesk Semibold 21', "+fallbackFonts,"Sharp Grotesk Cyr Medium":"'Sharp Grotesk Medium 20', "+fallbackFonts,"Sharp Grotesk Cyr Book":"'Sharp Grotesk Book 19', "+fallbackFonts},brandMapping={mindvalley:coreTypography},typographyPlugin=({casing:e=CASINGS.kebabCase,breakingPoint:a="lg",brands:t=["mindvalley"]}={})=>function({addComponents:n,theme:s}){const o=s("screens",{});n(convertObjectKeysToCasedClassNames({...t.reduce(((e,t)=>brandMapping[t]?{...e,...processTypography(brandMapping[t],o[a])}:(console.warn(`Brand "${t}" not found in brandMapping. Skipping...`),e)),{})},e))};function processTypography(e,a){const t={};for(const n of Object.keys(e)){const s=toCamelCase(n.replace(/-desktop|-mobile/g,"")),o=n.includes("-desktop"),r=n.includes("-mobile"),i=replaceFontFamily(e[n]);t[s]=o?{...t[s],[`@media (min-width: ${a})`]:{...i}}:r?{...i,...t[s]}:i}return t}function replaceFontFamily(e){return e.fontFamily&&fontFamilyMapping[e.fontFamily]?{...e,fontFamily:fontFamilyMapping[e.fontFamily]}:e}function convertObjectKeysToCasedClassNames(e,a=CASINGS.kebabCase){const t=e=>{let a={};return Object.keys(e).forEach((n=>{["fontSize","letterSpacing","lineHeight"].includes(n)?a[n]=strPxToRemStr(e[n]):"object"==typeof e[n]?a[n]=t(e[n]):a[n]=e[n]})),a};return mapObj(e,(e=>{switch(a){case CASINGS.snakeCase:return"."+toSnakeCase(e);case CASINGS.camelCase:return"."+toCamelCase(e);case CASINGS.pascalCase:return"."+toPascalCase(e);case CASINGS.kebabCase:return"."+toKebabCase(e);default:return console.error(`${a} is currently not supported in this function, reverting to default ${CASINGS.kebabCase}. Please raise an issue ticket here[https://github.com/mindvalley/mv-design-system]`),"."+toKebabCase(e)}}),t)}function mapObj(e,a,t){return Object.entries(e).reduce(((e,[n,s])=>({...e,[a(n)]:t(s)})),{})}module.exports=plugin.withOptions(typographyPlugin);
|
package/docs/USAGE.md
CHANGED
|
@@ -52,6 +52,28 @@ If you use TailwindCSS in your project, using the colors is a simple two-step pr
|
|
|
52
52
|
}
|
|
53
53
|
```
|
|
54
54
|
|
|
55
|
+
For other brands eg B2B, you can access and combine colors from the core mindvalley brand
|
|
56
|
+
and override the redefined colors using the b2b specific colors.
|
|
57
|
+
|
|
58
|
+
```js
|
|
59
|
+
const { colors } = require('@mindvalley/design-system');
|
|
60
|
+
const { colors: b2bColors } = require('@mindvalley/design-system/b2b');
|
|
61
|
+
|
|
62
|
+
module.exports = {
|
|
63
|
+
theme: {
|
|
64
|
+
colors: {
|
|
65
|
+
...color,
|
|
66
|
+
...b2bColors
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
## Why the override?
|
|
73
|
+
Both brands share color names, but their hues and shades are distinct. For instance, the reds, blues, teals, and purples in b2b differ. Therefore, the override is necessary to guarantee that a developer working on b2b receives the specific shades of colors associated with b2b.
|
|
74
|
+
|
|
75
|
+
Here is full list of [b2b colors](https://www.figma.com/file/1EPj7v5H5JhP2d0v2h8QeC/B2B-Foundations?type=design&node-id=1-395&mode=design&t=SY5HTy1zbFO5p80n-0)
|
|
76
|
+
|
|
55
77
|
#### Gradients
|
|
56
78
|
|
|
57
79
|
For gradient you can use the following tailwindCSS gradients:
|
|
@@ -221,6 +243,53 @@ Since the typography classes are responsive, you don't need to add media queries
|
|
|
221
243
|
}
|
|
222
244
|
```
|
|
223
245
|
|
|
246
|
+
#### Configuring the brand
|
|
247
|
+
The Mindvalley design system also supports multiple brands, including the core Mindvalley brand and a B2B (business-to-business) brand. Each brand has its own set of typography tokens that can be used to ensure consistency across different projects and platforms.
|
|
248
|
+
|
|
249
|
+
To configure the typography for a specific brand within your TailwindCSS setup, you will need to adjust your `tailwind.config.js` file to include the brand-specific typography tokens.
|
|
250
|
+
|
|
251
|
+
Here's how you can configure the brand:
|
|
252
|
+
1. In your `tailwind.config.js` file, require and configure the typography plugin with the brand option.
|
|
253
|
+
|
|
254
|
+
For the core Mindvalley brand:
|
|
255
|
+
|
|
256
|
+
```js
|
|
257
|
+
module.exports = {
|
|
258
|
+
// ...
|
|
259
|
+
plugins: [
|
|
260
|
+
require('@mindvalley/design-system/dist/tailwind/plugins/typography.js')({
|
|
261
|
+
brands: ['mindvalley']
|
|
262
|
+
}),
|
|
263
|
+
],
|
|
264
|
+
// ...
|
|
265
|
+
}
|
|
266
|
+
```
|
|
267
|
+
This is the same as the default config and ends up rendering typography classes for Mindvalley's core
|
|
268
|
+
design. You can omit this if you are working with just the normal Mindvalley brand.
|
|
269
|
+
|
|
270
|
+
For the B2B brand:
|
|
271
|
+
|
|
272
|
+
```js
|
|
273
|
+
module.exports = {
|
|
274
|
+
// ...
|
|
275
|
+
plugins: [
|
|
276
|
+
require('@mindvalley/design-system/dist/tailwind/plugins/typography.js')({
|
|
277
|
+
brands: ['mindvalley', 'b2b']
|
|
278
|
+
}),
|
|
279
|
+
],
|
|
280
|
+
// ...
|
|
281
|
+
}
|
|
282
|
+
```
|
|
283
|
+
|
|
284
|
+
This configuration will generate the necessary CSS classes for typography based on the tokens defined for each brand.
|
|
285
|
+
You can then use these classes in your HTML or JSX files to apply the correct typography styles for the brand
|
|
286
|
+
you are working on.
|
|
287
|
+
|
|
288
|
+
Note: B2b brand builds on top of the core brand typography with an additional specific typography style. As such we have to have both options added to the brands config list for both to be included.
|
|
289
|
+
|
|
290
|
+
Browse [B2B foundations figma file](https://www.figma.com/file/1EPj7v5H5JhP2d0v2h8QeC/B2B-Foundations?type=design&node-id=139-11&mode=design&t=SY5HTy1zbFO5p80n-0) to see the specific typography.
|
|
291
|
+
|
|
292
|
+
|
|
224
293
|
#### Configuring the breakpoint
|
|
225
294
|
|
|
226
295
|
By default, the plugin uses the `lg` breakpoint from the [screen size configuration](https://tailwindcss.com/docs/screens) in your Tailwind configuration. If you have a different configuration or naming convention for your Tailwind breakpoints, you can specify the identifier of the desired breakpoint using the `breakingPoint` option in the plugin configuration.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mindvalley/design-system",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "Resources, components, design guidelines and tooling for Mindvalley's design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-system",
|
|
@@ -24,6 +24,11 @@
|
|
|
24
24
|
"docs",
|
|
25
25
|
"CHANGELOG.md"
|
|
26
26
|
],
|
|
27
|
+
"exports": {
|
|
28
|
+
".": "./dist/index.js",
|
|
29
|
+
"./dist/*": "./dist/*",
|
|
30
|
+
"./b2b": "./dist/b2b.js"
|
|
31
|
+
},
|
|
27
32
|
"scripts": {
|
|
28
33
|
"build": "npm-run-all -n build:styledictionary build:bundle",
|
|
29
34
|
"build:bundle": "webpack --mode production",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
module.exports={"title-bold-1-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"72px",letterSpacing:"0.25px",lineHeight:"80px"},"title-bold-2-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-bold-3-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-4-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-5-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-6-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-7-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-8-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-9-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-10-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-11-desktop":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-1-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-2-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-3-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-4-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-5-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-6-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-7-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-8-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-9-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-10-desktop":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"display-1-desktop":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"96px",letterSpacing:"0.25px",lineHeight:"92px"},"display-2-desktop":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"58px"},"title-bold-1-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-2-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-3-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"30px",letterSpacing:"0.25px",lineHeight:"36px"},"title-bold-4-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-5-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-6-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-7-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-8-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-9-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-10-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-bold-11-mobile":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"12px",letterSpacing:"0.25px",lineHeight:"16px"},"title-1-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"38px"},"title-3-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-4-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-5-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-6-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-7-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-8-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-9-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-10-mobile":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"display-1-mobile":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"64px",letterSpacing:"0.25px",lineHeight:"62px"},"display-2-mobile":{fontFamily:"Sharp Grotesk Cyr Bold",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"46px"},body:{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-bold":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"24px"},"body-small":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-small-bold":{fontFamily:"Sharp Grotesk Cyr Semibold",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"caption-disclaimer":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"12px",letterSpacing:"0.50px",lineHeight:"16px"},"overline-text":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.50px",lineHeight:"20px"},"timer-text":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"52px"},"timer-text-medium":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"timer-text-small":{fontFamily:"Sharp Grotesk Cyr Book",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"button-text":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"button-text-medium":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"button-text-small":{fontFamily:"Sharp Grotesk Cyr Medium",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"}};
|