@mindvalley/design-system 3.4.2 → 4.0.1

package/CHANGELOG.md

@@ -1,14 +1,102 @@
-## [3.4.2](https://github.com/mindvalley/mv-design-system/compare/v3.4.1...v3.4.2) (2025-10-22)
+## [4.0.1](https://github.com/mindvalley/mv-design-system/compare/v4.0.0...v4.0.1) (2026-01-05)
 
 
 ### Bug Fixes
 
-* Disable npm provenance for private repository ([#138](https://github.com/mindvalley/mv-design-system/issues/138)) ([df21279](https://github.com/mindvalley/mv-design-system/commit/df212796ce7bfaa60dcc8792649112b977a99456))
+* Patched b2b back colors to how they were in v3.4.2 ([#142](https://github.com/mindvalley/mv-design-system/issues/142)) ([1d03f74](https://github.com/mindvalley/mv-design-system/commit/1d03f745d908aa762669b9066b7702eabd849141))
 
 # Changelog
 
 All notable changes to this project will be documented in this file.
 
+# [4.0.0](https://github.com/mindvalley/mv-design-system/compare/v3.4.2...v4.0.0) (2025-11-20)
+
+### ✨ Features
+
+* **Typography Font Loading**: New utility to generate `@font-face` CSS declarations for typography tokens
+  * Automatic font-face generation for both Mindvalley and B2B brands
+  * Outputs CSS, JS, and TypeScript declaration files
+  * Maps Sharp Grotesk fonts to Fastly CDN URLs
+  * See [Typography Font Loading Guide](./docs/typography-fonts.md) for usage
+  * New exports: `@mindvalley/design-system/typography/mindvalley/fonts.css` and `/b2b/fonts.css`
+
+### 📝 Typography Changes
+
+#### Mindvalley Brand
+
+**New Typography Tokens:**
+
+| Token | Font Family | Size | Letter Spacing | Line Height | Weight |
+|-------|-------------|------|----------------|-------------|--------|
+| `body-italic` | Sharp Grotesk Cyr Book Itl 19 | 16px | 0.35px | 24px | 400 |
+| `body-large-italic` | Sharp Grotesk Cyr Book Itl 19 | 20px | 0.25px | 30px | 400 |
+| `body-small-italic` | Sharp Grotesk Cyr Book Itl 19 | 14px | 0.35px | 20px | 400 |
+| `body-xs-italic` | Sharp Grotesk Cyr Book 19 | 12px | 0.35px | 16px | 400 |
+| `body-xs` | Sharp Grotesk Cyr Book 19 | 12px | 0.35px | 16px | 400 |
+| `body-large-bold` | Sharp Grotesk Cyr Medium 19 | 20px | 0.25px | 30px | 500 |
+
+**Font Family Corrections:**
+
+| Token | Before | After |
+|-------|--------|-------|
+| All `title-bold-*` variants | Sharp Grotesk Cyr Semibold **21** | Sharp Grotesk Cyr Semibold **20** |
+| `body-bold` | Sharp Grotesk Cyr Semibold 20 | Sharp Grotesk Cyr Medium 19 |
+| `body-small-bold` | Sharp Grotesk Cyr Semibold 20 | Sharp Grotesk Cyr Medium 19 |
+
+**Line Height Updates:**
+
+| Token | Before | After | Notes |
+|-------|--------|-------|-------|
+| `title-2-mobile` | 38px | 40px | Increased spacing |
+| `title-4-desktop` | 34px | 36px | Increased spacing |
+| `title-bold-6` through `title-bold-11` | Various | 0px | Browser-calculated (mobile & desktop) |
+
+**Token Consolidation:**
+
+* `title-7`, `title-8`, `title-9`, `title-10`, `title-11`: Merged from separate mobile/desktop variants into single responsive tokens
+
+#### B2B Brand
+
+**Line Height Updates:**
+
+| Token | Before | After | Notes |
+|-------|--------|-------|-------|
+| `heading-1` through `heading-5` | Various | 0px | Browser-calculated (mobile & desktop) |
+| `display-3-mobile` | 58px | 56px | Reduced spacing |
+
+**Token Consolidation:**
+
+* `heading-9`, `heading-10`: Merged from separate mobile/desktop variants into single responsive tokens
+
+**Font Weight Addition:**
+
+* All B2B typography tokens now include explicit `fontWeight: 500`
+
+### 🔧 Code Quality
+
+* **TypeScript**: Comprehensive type improvements throughout the codebase
+  * Proper interfaces for typography tokens (no more `any` types)
+  * Enhanced Zod schema validation
+  * Better type safety for Style Dictionary v5 APIs
+* **Testing**: All 386 tests passing with updated expectations for opacity suffixes
+* **Formatting**: Applied Biome 2.3.4 formatting across all files
+
+### 📚 Documentation
+
+* Added comprehensive [Typography Font Loading Guide](./docs/typography-fonts.md) with framework examples (Next.js, Vite, Vue, Phoenix, etc.)
+* Updated USAGE.md with new font loading instructions
+
+### 📦 Package Updates
+
+* Updated `@biomejs/biome` to 2.3.4
+* Enhanced package.json exports for typography font files
+
+## [3.4.2](https://github.com/mindvalley/mv-design-system/compare/v3.4.1...v3.4.2) (2025-10-22)
+
+### Bug Fixes
+
+* Disable npm provenance for private repository ([#138](https://github.com/mindvalley/mv-design-system/issues/138)) ([df21279](https://github.com/mindvalley/mv-design-system/commit/df212796ce7bfaa60dcc8792649112b977a99456))
+
 # [3.4.0](https://github.com/mindvalley/mv-design-system/compare/v3.3.4...v3.4.0) (2025-09-03)
 
 ### Bug Fixes

package/dist/b2b.d.ts

@@ -4,57 +4,27 @@ export interface ColorTokens {
 export declare const colors: ColorTokens;
 declare const _default: {
     colors: {
-        "red-50": string;
-        "red-100": string;
-        "red-200": string;
-        "red-300": string;
-        "red-400": string;
-        "red-500": string;
-        "red-600": string;
-        "red-700": string;
-        "red-800": string;
-        "red-900": string;
-        "teal-50": string;
-        "teal-100": string;
-        "teal-200": string;
-        "teal-300": string;
-        "teal-400": string;
-        "teal-500": string;
-        "teal-600": string;
-        "teal-700": string;
-        "teal-800": string;
-        "teal-900": string;
-        "red-18a": string;
-        "red-12a": string;
-        "red-8a": string;
-        "red-4a": string;
-        "brown-90a": string;
-        "red-28a": string;
-        "dark-brown-12a": string;
-        "dark-brown-80a": string;
-        "brown-24a": string;
         "brown-12a": string;
+        "brown-24a": string;
         "brown-8a": string;
+        "brown-90a": string;
+        "dark-brown-12a": string;
         "dark-brown-24a": string;
-        "dark-brown-8a": string;
         "dark-brown-4a": string;
-        "red-70a": string;
-        "purple-70a": string;
-        "purple-28a": string;
-        "purple-18a": string;
+        "dark-brown-8a": string;
+        "dark-brown-80a": string;
         "purple-12a": string;
-        "purple-8a": string;
+        "purple-18a": string;
+        "purple-28a": string;
         "purple-4a": string;
-        "brown-50": string;
-        "brown-100": string;
-        "brown-200": string;
-        "brown-300": string;
-        "brown-400": string;
-        "brown-500": string;
-        "brown-600": string;
-        "brown-700": string;
-        "brown-800": string;
-        "brown-900": string;
+        "purple-70a": string;
+        "purple-8a": string;
+        "red-12a": string;
+        "red-18a": string;
+        "red-28a": string;
+        "red-4a": string;
+        "red-70a": string;
+        "red-8a": string;
         "blue-50": string;
         "blue-100": string;
         "blue-200": string;
@@ -65,6 +35,16 @@ declare const _default: {
         "blue-700": string;
         "blue-800": string;
         "blue-900": string;
+        "brown-50": string;
+        "brown-100": string;
+        "brown-200": string;
+        "brown-300": string;
+        "brown-400": string;
+        "brown-500": string;
+        "brown-600": string;
+        "brown-700": string;
+        "brown-800": string;
+        "brown-900": string;
         "purple-50": string;
         "purple-100": string;
         "purple-200": string;
@@ -75,6 +55,26 @@ declare const _default: {
         "purple-700": string;
         "purple-800": string;
         "purple-900": string;
+        "red-50": string;
+        "red-100": string;
+        "red-200": string;
+        "red-300": string;
+        "red-400": string;
+        "red-500": string;
+        "red-600": string;
+        "red-700": string;
+        "red-800": string;
+        "red-900": string;
+        "teal-50": string;
+        "teal-100": string;
+        "teal-200": string;
+        "teal-300": string;
+        "teal-400": string;
+        "teal-500": string;
+        "teal-600": string;
+        "teal-700": string;
+        "teal-800": string;
+        "teal-900": string;
     };
 };
 export default _default;

package/dist/b2b.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"b2b.d.ts","sourceRoot":"","sources":["../src/b2b.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,MAAM,EAAmB,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGlD,wBAEE"}
+{"version":3,"file":"b2b.d.ts","sourceRoot":"","sources":["../src/b2b.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB;AAMD,eAAO,MAAM,MAAM,EAAmB,WAAW,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGjD,wBAEC"}

package/dist/b2b.js

@@ -1,2 +1,2 @@
-!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={875:e=>{e.exports={"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","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","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)","brown-90a":"rgba(249, 248, 244, 0.9)","red-28a":"rgba(255, 109, 92, 0.28)","dark-brown-12a":"rgba(135, 121, 111, 0.12)","dark-brown-80a":"rgba(135, 121, 111, 0.8)","brown-24a":"rgba(249, 248, 244, 0.24)","brown-12a":"rgba(249, 248, 244, 0.12)","brown-8a":"rgba(249, 248, 244, 0.08)","dark-brown-24a":"rgba(135, 121, 111, 0.24)","dark-brown-8a":"rgba(135, 121, 111, 0.08)","dark-brown-4a":"rgba(135, 121, 111, 0.04)","red-70a":"rgba(255, 109, 92, 0.7)","purple-70a":"rgba(158, 148, 241, 0.7)","purple-28a":"rgba(158, 148, 241, 0.28)","purple-18a":"rgba(158, 148, 241, 0.18)","purple-12a":"rgba(158, 148, 241, 0.12)","purple-8a":"rgba(158, 148, 241, 0.08)","purple-4a":"rgba(158, 148, 241, 0.04)","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","purple-50":"#f5f4fe","purple-100":"#ecebfc","purple-200":"#dad9fb","purple-300":"#bfbbf7","purple-400":"#9e94f1","purple-500":"#7e68ea","purple-600":"#664bdd","purple-700":"#4d2dab","purple-800":"#40268c","purple-900":"#26175e"}}},r={};function a(b){var f=r[b];if(void 0!==f)return f.exports;var d=r[b]={exports:{}};return e[b](d,d.exports,a),d.exports}var b={};return(()=>{"use strict";var e=b;Object.defineProperty(e,"__esModule",{value:!0}),e.colors=void 0;const r=a(875);e.colors=r,e.default={colors:r}})(),b})());
+!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={875:e=>{e.exports={"brown-12a":"rgba(249, 248, 244, 0.12)","brown-24a":"rgba(249, 248, 244, 0.24)","brown-8a":"rgba(249, 248, 244, 0.08)","brown-90a":"rgba(249, 248, 244, 0.9)","dark-brown-12a":"rgba(135, 121, 111, 0.12)","dark-brown-24a":"rgba(135, 121, 111, 0.24)","dark-brown-4a":"rgba(135, 121, 111, 0.04)","dark-brown-8a":"rgba(135, 121, 111, 0.08)","dark-brown-80a":"rgba(135, 121, 111, 0.8)","purple-12a":"rgba(158, 148, 241, 0.12)","purple-18a":"rgba(158, 148, 241, 0.18)","purple-28a":"rgba(158, 148, 241, 0.28)","purple-4a":"rgba(158, 148, 241, 0.04)","purple-70a":"rgba(158, 148, 241, 0.7)","purple-8a":"rgba(158, 148, 241, 0.08)","red-12a":"rgba(255, 109, 92, 0.12)","red-18a":"rgba(255, 109, 92, 0.18)","red-28a":"rgba(255, 109, 92, 0.28)","red-4a":"rgba(255, 109, 92, 0.04)","red-70a":"rgba(255, 109, 92, 0.7)","red-8a":"rgba(255, 109, 92, 0.08)","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","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","purple-50":"#f5f4fe","purple-100":"#ecebfc","purple-200":"#dad9fb","purple-300":"#bfbbf7","purple-400":"#9e94f1","purple-500":"#7e68ea","purple-600":"#664bdd","purple-700":"#4d2dab","purple-800":"#40268c","purple-900":"#26175e","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","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"}}},r={};function a(b){var f=r[b];if(void 0!==f)return f.exports;var d=r[b]={exports:{}};return e[b](d,d.exports,a),d.exports}var b={};return(()=>{"use strict";var e=b;Object.defineProperty(e,"__esModule",{value:!0}),e.colors=void 0;const r=a(875);e.colors=r,e.default={colors:r}})(),b})()));
 //# sourceMappingURL=b2b.js.map

package/dist/b2b.js.map

@@ -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,KAAM,I,qBCJTH,EAAOD,QAAU,CACf,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,UAAW,2BACX,UAAW,2BACX,SAAU,2BACV,SAAU,2BACV,YAAa,2BACb,UAAW,2BACX,iBAAkB,4BAClB,iBAAkB,2BAClB,YAAa,4BACb,YAAa,4BACb,WAAY,4BACZ,iBAAkB,4BAClB,gBAAiB,4BACjB,gBAAiB,4BACjB,UAAW,0BACX,aAAc,2BACd,aAAc,4BACd,aAAc,4BACd,aAAc,4BACd,YAAa,4BACb,YAAa,4BACb,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,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,U,GC3EZK,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/b2b/colors.js","webpack://mvDesignSystem/webpack/bootstrap","webpack://mvDesignSystem/./src/b2b.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  \"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  \"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  \"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  \"brown-90a\": \"rgba(249, 248, 244, 0.9)\",\n  \"red-28a\": \"rgba(255, 109, 92, 0.28)\",\n  \"dark-brown-12a\": \"rgba(135, 121, 111, 0.12)\",\n  \"dark-brown-80a\": \"rgba(135, 121, 111, 0.8)\",\n  \"brown-24a\": \"rgba(249, 248, 244, 0.24)\",\n  \"brown-12a\": \"rgba(249, 248, 244, 0.12)\",\n  \"brown-8a\": \"rgba(249, 248, 244, 0.08)\",\n  \"dark-brown-24a\": \"rgba(135, 121, 111, 0.24)\",\n  \"dark-brown-8a\": \"rgba(135, 121, 111, 0.08)\",\n  \"dark-brown-4a\": \"rgba(135, 121, 111, 0.04)\",\n  \"red-70a\": \"rgba(255, 109, 92, 0.7)\",\n  \"purple-70a\": \"rgba(158, 148, 241, 0.7)\",\n  \"purple-28a\": \"rgba(158, 148, 241, 0.28)\",\n  \"purple-18a\": \"rgba(158, 148, 241, 0.18)\",\n  \"purple-12a\": \"rgba(158, 148, 241, 0.12)\",\n  \"purple-8a\": \"rgba(158, 148, 241, 0.08)\",\n  \"purple-4a\": \"rgba(158, 148, 241, 0.04)\",\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  \"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\": \"#664bdd\",\n  \"purple-700\": \"#4d2dab\",\n  \"purple-800\": \"#40268c\",\n  \"purple-900\": \"#26175e\"\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/b2b/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":""}
+{"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,qBCLTH,EAAOD,QAAU,CACf,YAAa,4BACb,YAAa,4BACb,WAAY,4BACZ,YAAa,2BACb,iBAAkB,4BAClB,iBAAkB,4BAClB,gBAAiB,4BACjB,gBAAiB,4BACjB,iBAAkB,2BAClB,aAAc,4BACd,aAAc,4BACd,aAAc,4BACd,YAAa,4BACb,aAAc,2BACd,YAAa,4BACb,UAAW,2BACX,UAAW,2BACX,UAAW,2BACX,SAAU,2BACV,UAAW,0BACX,SAAU,2BACV,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,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,U,GC1EVK,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/b2b/colors.js","webpack://mvDesignSystem/webpack/bootstrap","webpack://mvDesignSystem/./src/b2b.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, this file was auto-generated.\n */\n\nmodule.exports = {\n  \"brown-12a\": \"rgba(249, 248, 244, 0.12)\",\n  \"brown-24a\": \"rgba(249, 248, 244, 0.24)\",\n  \"brown-8a\": \"rgba(249, 248, 244, 0.08)\",\n  \"brown-90a\": \"rgba(249, 248, 244, 0.9)\",\n  \"dark-brown-12a\": \"rgba(135, 121, 111, 0.12)\",\n  \"dark-brown-24a\": \"rgba(135, 121, 111, 0.24)\",\n  \"dark-brown-4a\": \"rgba(135, 121, 111, 0.04)\",\n  \"dark-brown-8a\": \"rgba(135, 121, 111, 0.08)\",\n  \"dark-brown-80a\": \"rgba(135, 121, 111, 0.8)\",\n  \"purple-12a\": \"rgba(158, 148, 241, 0.12)\",\n  \"purple-18a\": \"rgba(158, 148, 241, 0.18)\",\n  \"purple-28a\": \"rgba(158, 148, 241, 0.28)\",\n  \"purple-4a\": \"rgba(158, 148, 241, 0.04)\",\n  \"purple-70a\": \"rgba(158, 148, 241, 0.7)\",\n  \"purple-8a\": \"rgba(158, 148, 241, 0.08)\",\n  \"red-12a\": \"rgba(255, 109, 92, 0.12)\",\n  \"red-18a\": \"rgba(255, 109, 92, 0.18)\",\n  \"red-28a\": \"rgba(255, 109, 92, 0.28)\",\n  \"red-4a\": \"rgba(255, 109, 92, 0.04)\",\n  \"red-70a\": \"rgba(255, 109, 92, 0.7)\",\n  \"red-8a\": \"rgba(255, 109, 92, 0.08)\",\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  \"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  \"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\": \"#664bdd\",\n  \"purple-700\": \"#4d2dab\",\n  \"purple-800\": \"#40268c\",\n  \"purple-900\": \"#26175e\",\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  \"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};\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/b2b/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":""}

package/dist/helpers/casing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"casing.d.ts","sourceRoot":"","sources":["../../src/helpers/casing.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAEX,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAK/D;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAKlE;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAKlE;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAelE;AAED,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAOnE"}
+{"version":3,"file":"casing.d.ts","sourceRoot":"","sources":["../../src/helpers/casing.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAA;AAEV,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAK/D;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAKlE;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAKlE;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAelE;AAED,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAKnE"}

package/dist/helpers/casing.js

@@ -8,39 +8,39 @@ exports.toCamelCase = toCamelCase;
 exports.toPascalCase = toPascalCase;
 const regex_1 = require("./regex");
 exports.CASINGS = {
-    snakeCase: "snakeCase",
-    camelCase: "camelCase",
-    pascalCase: "pascalCase",
-    kebabCase: "kebabCase",
-    noCase: "noCase",
+    snakeCase: 'snakeCase',
+    camelCase: 'camelCase',
+    pascalCase: 'pascalCase',
+    kebabCase: 'kebabCase',
+    noCase: 'noCase',
 };
 function toNoCase(input) {
     const words = toWordsList(input);
     if (words.length === 0)
-        return "";
-    return words.join("").toLowerCase();
+        return '';
+    return words.join('').toLowerCase();
 }
 function toKebabCase(input) {
     const words = toWordsList(input);
     if (words.length === 0)
-        return "";
-    return words.map((x) => x.toLowerCase()).join("-");
+        return '';
+    return words.map((x) => x.toLowerCase()).join('-');
 }
 function toSnakeCase(input) {
     const words = toWordsList(input);
     if (words.length === 0)
-        return "";
-    return words.map((x) => x.toLowerCase()).join("_");
+        return '';
+    return words.map((x) => x.toLowerCase()).join('_');
 }
 function toCamelCase(input) {
     const words = toWordsList(input);
     if (words.length === 0)
-        return "";
-    let result = "";
+        return '';
+    let result = '';
     for (let i = 0, len = words.length; i < len; i++) {
-        let currentStr = words[i];
+        const currentStr = words[i];
         let tempStr = currentStr.toLowerCase();
-        if (i != 0) {
+        if (i !== 0) {
             tempStr = tempStr[0].toUpperCase() + tempStr.substring(1);
         }
         result += tempStr;
@@ -50,27 +50,25 @@ function toCamelCase(input) {
 function toPascalCase(input) {
     const words = toWordsList(input);
     if (words.length === 0)
-        return "";
-    return words
-        .map((x) => x.charAt(0).toUpperCase() + x.slice(1).toLowerCase())
-        .join("");
+        return '';
+    return words.map((x) => x.charAt(0).toUpperCase() + x.slice(1).toLowerCase()).join('');
 }
 function convertToString(input) {
     if (input != null && input !== undefined) {
         switch (typeof input) {
-            case "string":
+            case 'string':
                 return input.trim();
-            case "number":
+            case 'number':
                 return Math.abs(input).toString().trim();
             default:
                 return String(input).trim();
         }
     }
-    return "";
+    return '';
 }
 function toWordsList(input) {
     const stringToTest = convertToString(input);
-    if (stringToTest === "")
+    if (stringToTest === '')
         return [];
     return stringToTest.match(regex_1.MATCH_WORDS_REGEX) || [];
 }

package/dist/helpers/dimens.d.ts

@@ -3,5 +3,6 @@ interface StrPxToRemOptions {
     decimalPlaces?: number;
 }
 export declare function strPxToRemStr(sizeInPx: string, { baseFontSize, decimalPlaces }?: StrPxToRemOptions): string;
+export declare function lineHeightToRem(lineHeightInPx: string, options?: StrPxToRemOptions): string;
 export {};
 //# sourceMappingURL=dimens.d.ts.map

package/dist/helpers/dimens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dimens.d.ts","sourceRoot":"","sources":["../../src/helpers/dimens.ts"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAWD,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,MAAM,EAChB,EAAE,YAAiB,EAAE,aAAa,EAAE,GAAE,iBAAsB,GAC3D,MAAM,CAIR"}
+{"version":3,"file":"dimens.d.ts","sourceRoot":"","sources":["../../src/helpers/dimens.ts"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAWD,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,MAAM,EAChB,EAAE,YAAiB,EAAE,aAAa,EAAE,GAAE,iBAAsB,GAC3D,MAAM,CAIR;AAWD,wBAAgB,eAAe,CAAC,cAAc,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAS/F"}

package/dist/helpers/dimens.js

@@ -1,7 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.strPxToRemStr = strPxToRemStr;
+exports.lineHeightToRem = lineHeightToRem;
 function strPxToRemStr(sizeInPx, { baseFontSize = 16, decimalPlaces } = {}) {
-    const result = Number(sizeInPx.replace(/px/g, "")) / baseFontSize;
-    return decimalPlaces ? result.toFixed(decimalPlaces) + "rem" : result + "rem";
+    const result = Number(sizeInPx.replace(/px/g, '')) / baseFontSize;
+    return decimalPlaces ? `${result.toFixed(decimalPlaces)}rem` : `${result}rem`;
+}
+function lineHeightToRem(lineHeightInPx, options = {}) {
+    const valueWithUnit = lineHeightInPx.includes('px') ? lineHeightInPx : `${lineHeightInPx}px`;
+    const numericValue = Number(valueWithUnit.replace(/px/g, ''));
+    if (numericValue === 0) {
+        return 'normal';
+    }
+    return strPxToRemStr(valueWithUnit, options);
 }

package/dist/helpers/regex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/helpers/regex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAA8G,CAAC"}
+{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/helpers/regex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAC+E,CAAA"}