@mindvalley/design-system 3.1.0 → 3.1.1
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
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
All notable changes to this project will be documented in this file.
|
|
3
3
|
|
|
4
|
+
## [3.1.1](https://github.com/mindvalley/mv-design-system/compare/v3.1.0...v3.1.1) (2023-11-09)
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
* Bundle the typography tokens with the package ([0def7ea](https://github.com/mindvalley/mv-design-system/commit/0def7eafb891427eec53d0cdcd65e2184cd2e9f7))
|
|
10
|
+
|
|
4
11
|
# [3.1.0](https://github.com/mindvalley/mv-design-system/compare/v3.0.3...v3.1.0) (2023-11-09)
|
|
5
12
|
|
|
6
13
|
|
|
7
14
|
### Features
|
|
8
15
|
|
|
9
16
|
* Add display 1 and display 2 typography ([abe73ae](https://github.com/mindvalley/mv-design-system/commit/abe73aef47d8bdc0af0bcfc1dcce173a4750531d))
|
|
17
|
+
[Display typography]( https://www.figma.com/file/IRHTWVpxofViHrYW3DiLDH/AQS-Brand-Components?type=design&node-id=1:355&mode=design&t=je1mmTFTLXm6Ea7S-1)
|
|
18
|
+
|
|
19
|
+
New typography classes added
|
|
20
|
+
* display-1
|
|
21
|
+
* display-2
|
|
10
22
|
|
|
11
23
|
# Changelog
|
|
12
24
|
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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 Thu, 09 Nov 2023
|
|
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 Thu, 09 Nov 2023 10:16:53 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};\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={"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"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),typography=require("
|
|
1
|
+
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),typography=require("./tokens/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}`},typographyPlugin=({casing:e=CASINGS.kebabCase,breakingPoint:a="lg"}={})=>function(){const t=theme("screens",{}),s=convertObjectKeysToCasedClassNames({...processTypography(typography,t[a])},e);addComponents(s)};function processTypography(e,a){const t={};for(const s of Object.keys(e)){const o=toCamelCase(s.replace(/-desktop|-mobile/g,"")),r=s.includes("-desktop"),n=s.includes("-mobile"),i=replaceFontFamily(e[s]);t[o]=r?{...t[o],[`@media (min-width: ${a})`]:{...i}}:n?{...i,...t[o]}: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((s=>{["fontSize","letterSpacing","lineHeight"].includes(s)?a[s]=strPxToRemStr(e[s],{decimalPlaces:2}):"object"==typeof e[s]?a[s]=t(e[s]):a[s]=e[s]})),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,[s,o])=>({...e,[a(s)]:t(o)})),{})}module.exports=plugin.withOptions(typographyPlugin);
|