@mindvalley/design-system 2.2.1 → 2.4.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/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tailwind/plugins/typography.js +1 -1
- package/docs/CONTRIBUTION.md +3 -3
- package/docs/RELEASING.md +1 -16
- package/package.json +3 -2
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={826:e=>{e.exports={"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","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",
|
|
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={826:e=>{e.exports={"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","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","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-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)","black-30a":"rgba(0, 0, 0, 0.3)","black-20a":"rgba(0, 0, 0, 0.2)","black-10a":"rgba(0, 0, 0, 0.1)","white-90a":"rgba(255, 255, 255, 0.9)","white-30a":"rgba(255, 255, 255, 0.3)","white-10a":"rgba(255, 255, 255, 0.1)","purple-tint":"#9b37f2",black:"#000000",white:"#ffffff"}}},f={};function a(r){var o=f[r];if(void 0!==o)return o.exports;var l=f[r]={exports:{}};return e[r](l,l.exports,a),l.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(826)})(),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,
|
|
1
|
+
{"version":3,"file":"index.js","mappings":"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","sources":["webpack://mvDesignSystem/webpack/universalModuleDefinition","webpack://mvDesignSystem/./src/build/js/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 Mon, 03 Jul 2023 09:47:46 GMT\n */\n\nmodule.exports = {\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 \"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 \"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-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 \"black-30a\": \"rgba(0, 0, 0, 0.3)\",\n \"black-20a\": \"rgba(0, 0, 0, 0.2)\",\n \"black-10a\": \"rgba(0, 0, 0, 0.1)\",\n \"white-90a\": \"rgba(255, 255, 255, 0.9)\",\n \"white-30a\": \"rgba(255, 255, 255, 0.3)\",\n \"white-10a\": \"rgba(255, 255, 255, 0.1)\",\n \"purple-tint\": \"#9b37f2\",\n \"black\": \"#000000\",\n \"white\": \"#ffffff\"\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":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),typographyPlugin=({casing:e=CASINGS.kebabCase,breakingPoint:t="lg"}={})=>function({addComponents:i,theme:n}){const p=n("screens",{}),l={fontFamily:"'Sharp Grotesk Semibold 21', 'Helvetica', 'Arial', 'sans-serif'"},a={fontFamily:"'Sharp Grotesk Medium 20', 'Helvetica', 'Arial', 'sans-serif'"},x={fontFamily:"'Sharp Grotesk Book 19', 'Helvetica', 'Arial', 'sans-serif'"},o={titleBold1:{...l,fontSize:"
|
|
1
|
+
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),typographyPlugin=({casing:e=CASINGS.kebabCase,breakingPoint:t="lg"}={})=>function({addComponents:i,theme:n}){const p=n("screens",{}),l={fontFamily:"'Sharp Grotesk Semibold 21', 'Helvetica', 'Arial', 'sans-serif'"},a={fontFamily:"'Sharp Grotesk Medium 20', 'Helvetica', 'Arial', 'sans-serif'"},x={fontFamily:"'Sharp Grotesk Book 19', 'Helvetica', 'Arial', 'sans-serif'"},o={titleBold1:{...l,fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px",[`@media (min-width: ${p[t]})`]:{fontSize:"72px",lineHeight:"80px"}},titleBold2:{...l,fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px",[`@media (min-width: ${p[t]})`]:{fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"}},titleBold3:{...l,fontSize:"30px",lineHeight:"36px",letterSpacing:"0.25px",[`@media (min-width: ${p[t]})`]:{fontSize:"48px",lineHeight:"56px"}},titleBold4:{...l,fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px",[`@media (min-width: ${p[t]})`]:{fontSize:"36px",lineHeight:"44px"}},titleBold5:{...l,fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px",[`@media (min-width: ${p[t]})`]:{fontSize:"28px",lineHeight:"34px"}},titleBold6:{...l,fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px",[`@media (min-width: ${p[t]})`]:{fontSize:"24px",lineHeight:"30px"}},titleBold7:{...l,fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px",[`@media (min-width: ${p[t]})`]:{fontSize:"22px",lineHeight:"26px"}},titleBold8:{...l,fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px",[`@media (min-width: ${p[t]})`]:{fontSize:"20px",lineHeight:"24px"}},titleBold9:{...l,fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px",[`@media (min-width: ${p[t]})`]:{fontSize:"18px",lineHeight:"22px"}},titleBold10:{...l,fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px",[`@media (min-width: ${p[t]})`]:{fontSize:"16px",lineHeight:"20px"}},titleBold11:{...l,fontSize:"12px",letterSpacing:"0.25px",lineHeight:"16px",[`@media (min-width: ${p[t]})`]:{fontSize:"14px",lineHeight:"18px"}}},S={title1:{...a,fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px",[`@media (min-width: ${p[t]})`]:{fontSize:"60px",lineHeight:"68px"}},title2:{...a,fontSize:"32px",letterSpacing:"0.25px",lineHeight:"38px",[`@media (min-width: ${p[t]})`]:{fontSize:"48px",lineHeight:"56px"}},title3:{...a,fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px",[`@media (min-width: ${p[t]})`]:{fontSize:"36px",lineHeight:"44px"}},title4:{...a,fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px",[`@media (min-width: ${p[t]})`]:{fontSize:"28px",lineHeight:"34px"}},title5:{...a,fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px",[`@media (min-width: ${p[t]})`]:{fontSize:"24px",lineHeight:"30px"}},title6:{...a,fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px",[`@media (min-width: ${p[t]})`]:{fontSize:"20px",lineHeight:"24px"}},title7:{...a,fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},title8:{...a,fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},title9:{...a,fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},title10:{...a,fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"}},r={body:{...x,fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},bodyBold:{...l,fontSize:"16px",letterSpacing:"0.25px",lineHeight:"24px"},bodySmall:{...x,fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},bodySmallBold:{...l,fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"}},g={captionDisclaimer:{...x,fontSize:"12px",letterSpacing:"0.5px",lineHeight:"16px"},overline:{...a,fontSize:"14px",letterSpacing:"0.5px",lineHeight:"20px",textTransform:"uppercase"},timerText:{...x,fontSize:"44px",lineHeight:"52px",letterSpacing:"0.25px"},timerTextMedium:{...x,fontSize:"36px",lineHeight:"44px",letterSpacing:"0.25px"},timerTextSmall:{...x,fontSize:"28px",lineHeight:"34px",letterSpacing:"0.25px"}};i(convertObjectKeysToCasedClassNames({...o,...r,...S,buttonText:{...a,fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},buttonTextMedium:{...a,fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},buttonTextSmall:{...a,fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},...g},e))};function convertObjectKeysToCasedClassNames(e,t=CASINGS.kebabCase){const i=e=>{let t={};return Object.keys(e).forEach((n=>{["fontSize","letterSpacing","lineHeight"].includes(n)?t[n]=strPxToRemStr(e[n]):"object"==typeof e[n]?t[n]=i(e[n]):t[n]=e[n]})),t};return mapObj(e,(e=>{switch(t){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(`${t} 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)}}),i)}function mapObj(e,t,i){return Object.entries(e).reduce(((e,[n,p])=>({...e,[t(n)]:i(p)})),{})}module.exports=plugin.withOptions(typographyPlugin);
|
package/docs/CONTRIBUTION.md
CHANGED
|
@@ -67,7 +67,7 @@ Let's look at some important directories.
|
|
|
67
67
|
│ │ └── colors.js
|
|
68
68
|
│ ├── index.js
|
|
69
69
|
│ ├── properties
|
|
70
|
-
│ │ └── color
|
|
70
|
+
│ │ └── color.json
|
|
71
71
|
│ └── utilities
|
|
72
72
|
│ ├── transformGroups.js
|
|
73
73
|
│ └── transforms.js
|
|
@@ -211,6 +211,6 @@ Once your changes are made and merged, they'll need to be published. See how tha
|
|
|
211
211
|
# How to generate icons from figma to code?
|
|
212
212
|
1. Export all the icons from figma file to `Export` folder
|
|
213
213
|
2. Launch terminal in the same folder.
|
|
214
|
-
3. Run `npx svgo -f ./Export -o ./output` to generate compressed icons
|
|
214
|
+
3. Run `npx svgo -f ./Export -o ./output` to generate compressed icons
|
|
215
215
|
4. Run `npx svg-sprite --symbol --symbol-render-css --symbol-example --dest=sprite/ output/*.svg` to convert exported icons to sprite
|
|
216
|
-
5. Replace all white and black `fill="#fff"` & `fill="#000"` colors with `fill="currentColor"`
|
|
216
|
+
5. Replace all white and black `fill="#fff"` & `fill="#000"` colors with `fill="currentColor"`
|
package/docs/RELEASING.md
CHANGED
|
@@ -29,19 +29,4 @@ Jump to the [usage guide](USAGE.md) to understand how to use the published packa
|
|
|
29
29
|
|
|
30
30
|
The above steps should all happen with no human intervention.
|
|
31
31
|
However, for now, the steps 1 - 5 do happen on the CI/CD pipeline, but due to some issues with GitHub permissions, the automation has errors on steps 4 and 5, which means the release, semantic versioning, and npm publishing does not work automatically.
|
|
32
|
-
For that reason, the releases will be manual for the time being, as the permissions get settled with the Infra Team.
|
|
33
|
-
|
|
34
|
-
#### Manual release (Release from developer's machine)
|
|
35
|
-
|
|
36
|
-
A manual release needs is done from the main branch after the branch to be released has been merged into the orign/main branch. The following commands should be executed.
|
|
37
|
-
|
|
38
|
-
1. We start off by deleting the `dist` folder: In CI environment, we do not need to do this since the
|
|
39
|
-
src folder is not present when the code is checked out on the CI environment: `npm run clean:dist`
|
|
40
|
-
2. We run our tests: `npm run test`
|
|
41
|
-
3. Then we build our tokens using style dictonary: This deletes the `src/build` directory and regenerates the files: `npm run styledictonary:build`
|
|
42
|
-
4. And then we bundle all packages using webpack: `npm run build`
|
|
43
|
-
5. And eventually use [np](https://www.npmjs.com/package/np) to bundle and publish the packages. Np does all the check for us and ensures we bundle and package our files properly. `npm run publish:dev`
|
|
44
|
-
This step triggers an interactive guided shell that when followed should lead to a smooth package release.
|
|
45
|
-
|
|
46
|
-
Following these steps is crucial. For that reason, there is an additional one liner script that executes the steps in order to ensure the same output every time.
|
|
47
|
-
Command: `npm run release:manual`
|
|
32
|
+
For that reason, the releases will be manual for the time being, as the permissions get settled with the Infra Team.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mindvalley/design-system",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.0",
|
|
4
4
|
"description": "Resources, components, design guidelines and tooling for Mindvalley's design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-system",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"test": "jest --verbose",
|
|
33
33
|
"watch": "webpack --mode development --watch",
|
|
34
34
|
"clean:dist": "rimraf dist",
|
|
35
|
-
"publish:dev": "np",
|
|
35
|
+
"publish:dev": "np --any-branch",
|
|
36
36
|
"release:manual": "npm-run-all -s clean:dist test styledictonary:build build publish:dev"
|
|
37
37
|
},
|
|
38
38
|
"husky": {
|
|
@@ -84,6 +84,7 @@
|
|
|
84
84
|
"rimraf": "^3.0.2",
|
|
85
85
|
"semantic-release": "^19.0.2",
|
|
86
86
|
"style-dictionary": "^3.0.0-rc.9",
|
|
87
|
+
"tinycolor2": "^1.6.0",
|
|
87
88
|
"validate-commit-msg": "^1.1.3",
|
|
88
89
|
"webpack": "^5.36.2",
|
|
89
90
|
"webpack-cli": "^4.6.0"
|