@mindvalley/design-system 3.3.4 → 3.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/CHANGELOG.md CHANGED
@@ -1,15 +1,62 @@
1
1
  # Changelog
2
2
  All notable changes to this project will be documented in this file.
3
3
 
4
- ## [3.3.4](https://github.com/mindvalley/mv-design-system/compare/v3.3.3...v3.3.4) (2025-06-26)
4
+ # [3.4.0](https://github.com/mindvalley/mv-design-system/compare/v3.3.4...v3.4.0) (2025-09-03)
5
5
 
6
6
 
7
7
  ### Bug Fixes
8
8
 
9
- * Updated styles and tokens ([#127](https://github.com/mindvalley/mv-design-system/issues/127)) ([374745a](https://github.com/mindvalley/mv-design-system/commit/374745aa781174ecfd359b0d796b7b491d1caaac))
9
+ * Improve type safety by removing 'any' types and defining proper interfaces ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
10
+ * Move validation script to bin directory for CI ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
11
+ * Restore typography plugin imports to use source files ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
12
+ * Update test helper to handle TypeScript module imports ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
10
13
 
11
- ## [3.3.3](https://github.com/mindvalley/mv-design-system/compare/v3.3.2...v3.3.3) (2025-03-26)
12
14
 
15
+ ### Features
16
+
17
+ * Add TypeScript support to webpack configuration ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
18
+ * Configure Jest for TypeScript testing ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
19
+ * Convert entry points to TypeScript ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
20
+ * Convert helper utilities to TypeScript ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
21
+ * Convert SVG import utilities to TypeScript ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
22
+ * Convert typography plugin to TypeScript ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
23
+ * Update build system to generate TypeScript token files ([72e3511](https://github.com/mindvalley/mv-design-system/commit/72e3511b9a58c550c6da0fc8d92894058495b910))
24
+
25
+ # Changelog
26
+
27
+ All notable changes to this project will be documented in this file.
28
+
29
+ ## [3.3.4](https://github.com/mindvalley/mv-design-system/compare/v3.3.3...v3.3.4) (2025-06-26)
30
+
31
+ ### ⚠ Updates
32
+
33
+ * **Rebrand**: Workway to Mindvalley Business rebrand implementation. Purple is now the PRIMARY brand color replacing red as part of the company-wide rebranding initiative ([#127](https://github.com/mindvalley/mv-design-system/issues/127)) ([374745a](https://github.com/mindvalley/mv-design-system/commit/374745aa781174ecfd359b0d796b7b491d1caaac))
34
+
35
+ ### Brand Color Hierarchy Changes
36
+
37
+ **New Mindvalley Business Brand Identity:**
38
+
39
+ * **Purple is now PRIMARY**: `color.primary.purple.*` - Purple color scale (50-900) now serves as the main brand palette
40
+ * **Red demoted to SECONDARY**: `color.secondary.red.*` - Red color scale (50-900) now serves as accent/supporting color
41
+
42
+ ### New colors
43
+
44
+ * **Purple Alpha Colors**: Added 6 new purple alpha transparency variants for enhanced brand consistency ([374745a](https://github.com/mindvalley/mv-design-system/commit/374745aa781174ecfd359b0d796b7b491d1caaac))
45
+
46
+ | New Token | Value | Opacity |
47
+ |-----------|-------|---------|
48
+ | purple-4a | `#9e94f10a` | 4% |
49
+ | purple-8a | `#9e94f114` | 8% |
50
+ | purple-12a | `#9e94f11f` | 12% |
51
+ | purple-18a | `#9e94f12e` | 18% |
52
+ | purple-28a | `#9e94f147` | 28% |
53
+ | purple-70a | `#9e94f1b2` | 70% |
54
+
55
+ #### Design References
56
+
57
+ * [B2B Foundations Design System](https://www.figma.com/design/1EPj7v5H5JhP2d0v2h8QeC/B2B-Foundations?node-id=1-395&t=CbV3RJzhIYPsHL0t-1)
58
+
59
+ ## [3.3.3](https://github.com/mindvalley/mv-design-system/compare/v3.3.2...v3.3.3) (2025-03-26)
13
60
 
14
61
  ### Bug Fixes
15
62
 
@@ -243,7 +290,7 @@ All notable changes to this project will be documented in this file.
243
290
 
244
291
  ### Breaking change
245
292
 
246
- * Starting from version 3.2.3 and 3.2.4 the font faces have been updated to the use the full typoography fontface. Please adapt to the newly established font faces as outlined in the updated section on typography usage within our documentation.
293
+ * Starting from version 3.2.3 and 3.2.4 the font faces have been updated to the use the full typography fontface. Please adapt to the newly established font faces as outlined in the updated section on typography usage within our documentation.
247
294
 
248
295
  ## [3.2.3](https://github.com/mindvalley/mv-design-system/compare/v3.2.2...v3.2.3) (2024-03-27)
249
296
 
@@ -268,7 +315,7 @@ All notable changes to this project will be documented in this file.
268
315
 
269
316
  | Classification Title | Icons |
270
317
  |----------------------|-------|
271
- | Wordmark - Portuguese | wordmark-body-portugese<br>wordmark-career-portugese<br>wordmark-entrepreneurship-portugese<br>wordmark-mind-portugese<br>wordmark-parenting-portugese<br>wordmark-partner-programs-portugese<br>wordmark-relationships-portugese<br>wordmark-soul-portugese |
318
+ | Wordmark - Portuguese | wordmark-body-portuguese<br>wordmark-career-portuguese<br>wordmark-entrepreneurship-portuguese<br>wordmark-mind-portuguese<br>wordmark-parenting-portuguese<br>wordmark-partner-programs-portuguese<br>wordmark-relationships-portuguese<br>wordmark-soul-portuguese |
272
319
  | UI Icons | android<br>apple<br>calendar-reminder-filled<br>calendar-reminder-outlined<br>message-request-filled<br>message-request-outlined<br>messenger<br>playlist-filled<br>playlist-outlined<br>pods-filled<br>pods-outlined<br>share-arrow-filled<br>share-arrow-outlined<br>shorts<br>shuffle-filled<br>shuffle-outlined<br>sliders-2-filled<br>sliders-2-outlined<br>telegram<br>type-size-filled<br>type-size-outlined<br>unmute-filled<br>unmute-outlined<br>whatsapp |
273
320
  | Topic Wordmarks | coming-soon-becoming-irresistibly-sexy<br>coming-soon-develop-your-supplement-routine<br>coming-soon-gain-financial-freedom<br>coming-soon-gut-health<br>coming-soon-release-your-past-craft-a-new-future<br>coming-soon-the-champion-mindset<br>coming-soon-the-stage-effect |
274
321
  | Trainers Wordmarks | donna-eden-david-feinstein-left<br>dr-laura-berman-left<br>dr-laura-berman<br>dr-srikumar-rao-left<br>dr-srikumar-rao<br>florencia-andres-left<br>jeffrey-perlman<br>jimmy-naraine<br>john-lee-left<br>john-lee<br>left-anodea-judith<br>left-antwone-stigall<br>marisa-peer-left<br>marisha-lakhiani-left<br>marisha-lakhiani<br>nuseir-yassin |
package/README.md CHANGED
@@ -12,14 +12,23 @@
12
12
  The Mindvalley Design System provides reusable design tokens and assets to help developers, designers, and content authors build, maintain, and scale best-of-class digital experiences across the Mindvalley ecosystem.
13
13
  The design system has the Mindvalley Design Language as its foundation.
14
14
 
15
- It aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility and reducing developer effort.
15
+ **Built with TypeScript** for type safety and better developer experience, it aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility and reducing developer effort.
16
+
17
+ #### Key Features
18
+
19
+ ✅ **TypeScript Support** - Full type definitions for color, typography tokens and Tailwind plugins
20
+ ✅ **Runtime Validation** - Zod-powered token validation for type safety
21
+ ✅ **Multi-Brand Support** - Tokens for Mindvalley and B2B brands
22
+ ✅ **Tailwind CSS Plugin** - Ready-to-use typography and color plugins
23
+ ✅ **Design Token Sync** - Automated synchronization with Figma via Supernova
16
24
 
17
25
  #### Getting started
18
26
 
19
27
  First, we recommend going through the [figma design system](https://www.figma.com/file/Gmdp0kAAYsmBgCthFjGkpY/MV-Core?node-id=6437%3A207257). It captures our current views on how best to use the design in your daily work. Then, you can read the following guides:
20
28
 
21
- 1. The [usage guide](docs/USAGE.md), if you want to start using the design system in your project/repo.
29
+ 1. The [usage guide](docs/USAGE.md), if you want to start using the design system in your project/repo (includes TypeScript examples).
22
30
  2. The [contribution](docs/CONTRIBUTION.md) and [release](docs/RELEASING.md) guides if you want to contribute to the repo.
31
+ 3. The [token validation guide](docs/token-validation.md) for understanding how Zod validates design tokens with TypeScript.
23
32
 
24
33
  *Note:*
25
34
  From this point onwards, there will be continous mention of the word *token(s)* or *design token(s)*.
@@ -44,6 +53,8 @@ You can find docs about our release process in the [release guide](docs/RELEASIN
44
53
 
45
54
  * All browsers
46
55
  * Server-side rendering
56
+ * TypeScript and JavaScript projects
57
+ * CommonJS and ES modules
47
58
 
48
59
  ####
49
60
 
package/dist/b2b.d.ts ADDED
@@ -0,0 +1,81 @@
1
+ export interface ColorTokens {
2
+ [key: string]: string;
3
+ }
4
+ export declare const colors: ColorTokens;
5
+ declare const _default: {
6
+ colors: {
7
+ "red-50": string;
8
+ "red-100": string;
9
+ "red-200": string;
10
+ "red-300": string;
11
+ "red-400": string;
12
+ "red-500": string;
13
+ "red-600": string;
14
+ "red-700": string;
15
+ "red-800": string;
16
+ "red-900": string;
17
+ "teal-50": string;
18
+ "teal-100": string;
19
+ "teal-200": string;
20
+ "teal-300": string;
21
+ "teal-400": string;
22
+ "teal-500": string;
23
+ "teal-600": string;
24
+ "teal-700": string;
25
+ "teal-800": string;
26
+ "teal-900": string;
27
+ "red-18a": string;
28
+ "red-12a": string;
29
+ "red-8a": string;
30
+ "red-4a": string;
31
+ "brown-90a": string;
32
+ "red-28a": string;
33
+ "dark-brown-12a": string;
34
+ "dark-brown-80a": string;
35
+ "brown-24a": string;
36
+ "brown-12a": string;
37
+ "brown-8a": string;
38
+ "dark-brown-24a": string;
39
+ "dark-brown-8a": string;
40
+ "dark-brown-4a": string;
41
+ "red-70a": string;
42
+ "purple-70a": string;
43
+ "purple-28a": string;
44
+ "purple-18a": string;
45
+ "purple-12a": string;
46
+ "purple-8a": string;
47
+ "purple-4a": string;
48
+ "brown-50": string;
49
+ "brown-100": string;
50
+ "brown-200": string;
51
+ "brown-300": string;
52
+ "brown-400": string;
53
+ "brown-500": string;
54
+ "brown-600": string;
55
+ "brown-700": string;
56
+ "brown-800": string;
57
+ "brown-900": string;
58
+ "blue-50": string;
59
+ "blue-100": string;
60
+ "blue-200": string;
61
+ "blue-300": string;
62
+ "blue-400": string;
63
+ "blue-500": string;
64
+ "blue-600": string;
65
+ "blue-700": string;
66
+ "blue-800": string;
67
+ "blue-900": string;
68
+ "purple-50": string;
69
+ "purple-100": string;
70
+ "purple-200": string;
71
+ "purple-300": string;
72
+ "purple-400": string;
73
+ "purple-500": string;
74
+ "purple-600": string;
75
+ "purple-700": string;
76
+ "purple-800": string;
77
+ "purple-900": string;
78
+ };
79
+ };
80
+ export default _default;
81
+ //# sourceMappingURL=b2b.d.ts.map
@@ -0,0 +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"}
package/dist/b2b.js CHANGED
@@ -1,2 +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={750: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 o=r[b];if(void 0!==o)return o.exports;var f=r[b]={exports:{}};return e[b](f,f.exports,a),f.exports}a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r},a.d=(e,r)=>{for(var b in r)a.o(r,b)&&!a.o(e,b)&&Object.defineProperty(e,b,{enumerable:!0,get:r[b]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var b={};return(()=>{"use strict";a.r(b),a.d(b,{colors:()=>e});var e=a(750)})(),b})()));
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={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})()));
2
2
  //# sourceMappingURL=b2b.js.map
package/dist/b2b.js.map CHANGED
@@ -1 +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,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,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 Thu, 26 Jun 2025 10:26:29 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","// 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
+ {"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,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, 03 Sep 2025 01:08:45 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":""}
@@ -0,0 +1,13 @@
1
+ export declare const CASINGS: {
2
+ readonly snakeCase: "snakeCase";
3
+ readonly camelCase: "camelCase";
4
+ readonly pascalCase: "pascalCase";
5
+ readonly kebabCase: "kebabCase";
6
+ readonly noCase: "noCase";
7
+ };
8
+ export declare function toNoCase(input?: string | number | null): string;
9
+ export declare function toKebabCase(input?: string | number | null): string;
10
+ export declare function toSnakeCase(input?: string | number | null): string;
11
+ export declare function toCamelCase(input?: string | number | null): string;
12
+ export declare function toPascalCase(input?: string | number | null): string;
13
+ //# sourceMappingURL=casing.d.ts.map
@@ -0,0 +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"}
@@ -1 +1,76 @@
1
- const{MATCH_WORDS_REGEX}=require("./regex"),CASINGS={snakeCase:"snakeCase",camelCase:"camelCase",pascalCase:"pascalCase",kebabCase:"kebabCase",noCase:"noCase"};function toNoCase(e=""){const t=toWordsList(e);return 0===t.length?"":t.join("").toLowerCase()}function toKebabCase(e=""){const t=toWordsList(e);return 0===t.length?"":t.map((e=>e.toLowerCase())).join("-")}function toSnakeCase(e=""){const t=toWordsList(e);return 0===t.length?"":t.map((e=>e.toLowerCase())).join("_")}function toCamelCase(e=""){const t=toWordsList(e);if(0===t.length)return"";let o="";for(let e=0,s=t.length;e<s;e++){let s=t[e].toLowerCase();0!=e&&(s=s[0].toUpperCase()+s.substring(1)),o+=s}return o}function toPascalCase(e=""){const t=toWordsList(e);return 0===t.length?"":t.map((e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase())).join("")}function convertToString(e){return!e||null===e&&null==e?"":"string"==typeof e?e.trim():String(e).trim()}function toWordsList(e){const t=convertToString(e);return""===t?[]:t.match(MATCH_WORDS_REGEX)||[]}module.exports={toKebabCase,toSnakeCase,toCamelCase,toPascalCase,toNoCase,CASINGS};
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CASINGS = void 0;
4
+ exports.toNoCase = toNoCase;
5
+ exports.toKebabCase = toKebabCase;
6
+ exports.toSnakeCase = toSnakeCase;
7
+ exports.toCamelCase = toCamelCase;
8
+ exports.toPascalCase = toPascalCase;
9
+ const regex_1 = require("./regex");
10
+ exports.CASINGS = {
11
+ snakeCase: "snakeCase",
12
+ camelCase: "camelCase",
13
+ pascalCase: "pascalCase",
14
+ kebabCase: "kebabCase",
15
+ noCase: "noCase",
16
+ };
17
+ function toNoCase(input) {
18
+ const words = toWordsList(input);
19
+ if (words.length === 0)
20
+ return "";
21
+ return words.join("").toLowerCase();
22
+ }
23
+ function toKebabCase(input) {
24
+ const words = toWordsList(input);
25
+ if (words.length === 0)
26
+ return "";
27
+ return words.map((x) => x.toLowerCase()).join("-");
28
+ }
29
+ function toSnakeCase(input) {
30
+ const words = toWordsList(input);
31
+ if (words.length === 0)
32
+ return "";
33
+ return words.map((x) => x.toLowerCase()).join("_");
34
+ }
35
+ function toCamelCase(input) {
36
+ const words = toWordsList(input);
37
+ if (words.length === 0)
38
+ return "";
39
+ let result = "";
40
+ for (let i = 0, len = words.length; i < len; i++) {
41
+ let currentStr = words[i];
42
+ let tempStr = currentStr.toLowerCase();
43
+ if (i != 0) {
44
+ tempStr = tempStr[0].toUpperCase() + tempStr.substring(1);
45
+ }
46
+ result += tempStr;
47
+ }
48
+ return result;
49
+ }
50
+ function toPascalCase(input) {
51
+ const words = toWordsList(input);
52
+ if (words.length === 0)
53
+ return "";
54
+ return words
55
+ .map((x) => x.charAt(0).toUpperCase() + x.slice(1).toLowerCase())
56
+ .join("");
57
+ }
58
+ function convertToString(input) {
59
+ if (input != null && input !== undefined) {
60
+ switch (typeof input) {
61
+ case "string":
62
+ return input.trim();
63
+ case "number":
64
+ return Math.abs(input).toString().trim();
65
+ default:
66
+ return String(input).trim();
67
+ }
68
+ }
69
+ return "";
70
+ }
71
+ function toWordsList(input) {
72
+ const stringToTest = convertToString(input);
73
+ if (stringToTest === "")
74
+ return [];
75
+ return stringToTest.match(regex_1.MATCH_WORDS_REGEX) || [];
76
+ }
@@ -0,0 +1,7 @@
1
+ interface StrPxToRemOptions {
2
+ baseFontSize?: number;
3
+ decimalPlaces?: number;
4
+ }
5
+ export declare function strPxToRemStr(sizeInPx: string, { baseFontSize, decimalPlaces }?: StrPxToRemOptions): string;
6
+ export {};
7
+ //# sourceMappingURL=dimens.d.ts.map
@@ -0,0 +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"}
@@ -1 +1,7 @@
1
- function strPxToRemStr(e,{baseFontSize:r=16,decimalPlaces:t}={}){const o=Number(e.replace(/px/g,""))/r;return t?o.toFixed(t)+"rem":o+"rem"}module.exports={strPxToRemStr};
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.strPxToRemStr = strPxToRemStr;
4
+ function strPxToRemStr(sizeInPx, { baseFontSize = 16, decimalPlaces } = {}) {
5
+ const result = Number(sizeInPx.replace(/px/g, "")) / baseFontSize;
6
+ return decimalPlaces ? result.toFixed(decimalPlaces) + "rem" : result + "rem";
7
+ }
@@ -0,0 +1,2 @@
1
+ export declare const MATCH_WORDS_REGEX: RegExp;
2
+ //# sourceMappingURL=regex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/helpers/regex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAA8G,CAAC"}
@@ -1 +1,4 @@
1
- const MATCH_WORDS_REGEX=/[A-Z\xC0-\xD6\xD8-\xDE]?[a-z\xDF-\xF6\xF8-\xFF]+|[A-Z\xC0-\xD6\xD8-\xDE]+(?![a-z\xDF-\xF6\xF8-\xFF])|\d+/g;module.exports={MATCH_WORDS_REGEX};
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MATCH_WORDS_REGEX = void 0;
4
+ exports.MATCH_WORDS_REGEX = /[A-Z\xC0-\xD6\xD8-\xDE]?[a-z\xDF-\xF6\xF8-\xFF]+|[A-Z\xC0-\xD6\xD8-\xDE]+(?![a-z\xDF-\xF6\xF8-\xFF])|\d+/g;
@@ -0,0 +1,143 @@
1
+ export interface ColorTokens {
2
+ [key: string]: string;
3
+ }
4
+ export declare const colors: ColorTokens;
5
+ declare const _default: {
6
+ colors: {
7
+ "black-18a": string;
8
+ "black-8a": string;
9
+ "black-70a": string;
10
+ "black-12a": string;
11
+ "black-6a": string;
12
+ "black-4a": string;
13
+ "black-40a": string;
14
+ "black-90a": string;
15
+ "black-80a": string;
16
+ "black-60a": string;
17
+ "black-50a": string;
18
+ "black-24a": string;
19
+ "purple-500-90a": string;
20
+ "purple-500-20a": string;
21
+ "purple-600-10a": string;
22
+ "white-90a": string;
23
+ "white-24a": string;
24
+ "white-12a": string;
25
+ "white-70a": string;
26
+ "white-18a": string;
27
+ "white-8a": string;
28
+ "white-80a": string;
29
+ "white-60a": string;
30
+ "white-50a": string;
31
+ "white-40a": string;
32
+ "white-6a": string;
33
+ "white-4a": string;
34
+ "purple-tint": string;
35
+ "yellow-50": string;
36
+ "yellow-100": string;
37
+ "yellow-200": string;
38
+ "yellow-300": string;
39
+ "yellow-400": string;
40
+ "yellow-500": string;
41
+ "yellow-600": string;
42
+ "yellow-700": string;
43
+ "yellow-800": string;
44
+ "yellow-900": string;
45
+ "orange-50": string;
46
+ "orange-100": string;
47
+ "orange-200": string;
48
+ "orange-300": string;
49
+ "orange-400": string;
50
+ "orange-500": string;
51
+ "orange-600": string;
52
+ "orange-700": string;
53
+ "orange-800": string;
54
+ "orange-900": string;
55
+ "teal-50": string;
56
+ "teal-100": string;
57
+ "teal-200": string;
58
+ "teal-300": string;
59
+ "teal-400": string;
60
+ "teal-500": string;
61
+ "teal-600": string;
62
+ "teal-700": string;
63
+ "teal-800": string;
64
+ "teal-900": string;
65
+ "aqua-50": string;
66
+ "aqua-100": string;
67
+ "aqua-200": string;
68
+ "aqua-300": string;
69
+ "aqua-400": string;
70
+ "aqua-500": string;
71
+ "aqua-600": string;
72
+ "aqua-700": string;
73
+ "aqua-800": string;
74
+ "aqua-900": string;
75
+ "blue-50": string;
76
+ "blue-100": string;
77
+ "blue-200": string;
78
+ "blue-300": string;
79
+ "blue-400": string;
80
+ "blue-500": string;
81
+ "blue-600": string;
82
+ "blue-700": string;
83
+ "blue-800": string;
84
+ "blue-900": string;
85
+ "pink-50": string;
86
+ "pink-100": string;
87
+ "pink-200": string;
88
+ "pink-300": string;
89
+ "pink-400": string;
90
+ "pink-500": string;
91
+ "pink-600": string;
92
+ "pink-700": string;
93
+ "pink-800": string;
94
+ "pink-900": string;
95
+ "green-50": string;
96
+ "green-100": string;
97
+ "green-200": string;
98
+ "green-300": string;
99
+ "green-400": string;
100
+ "green-500": string;
101
+ "green-600": string;
102
+ "green-700": string;
103
+ "green-800": string;
104
+ "green-900": string;
105
+ "red-50": string;
106
+ "red-100": string;
107
+ "red-200": string;
108
+ "red-300": string;
109
+ "red-400": string;
110
+ "red-500": string;
111
+ "red-600": string;
112
+ "red-700": string;
113
+ "red-800": string;
114
+ "red-900": string;
115
+ "purple-50": string;
116
+ "purple-100": string;
117
+ "purple-200": string;
118
+ "purple-300": string;
119
+ "purple-400": string;
120
+ "purple-500": string;
121
+ "purple-600": string;
122
+ "purple-700": string;
123
+ "purple-800": string;
124
+ "purple-900": string;
125
+ "cool-grey-100": string;
126
+ "cool-grey-150": string;
127
+ "cool-grey-200": string;
128
+ "cool-grey-250": string;
129
+ "cool-grey-300": string;
130
+ "cool-grey-350": string;
131
+ "cool-grey-400": string;
132
+ "cool-grey-450": string;
133
+ "cool-grey-500": string;
134
+ "cool-grey-550": string;
135
+ "cool-grey-600": string;
136
+ "cool-grey-650": string;
137
+ "cool-grey-700": string;
138
+ black: string;
139
+ white: string;
140
+ };
141
+ };
142
+ export default _default;
143
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.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"}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports.mvDesignSystem=a():e.mvDesignSystem=a()}(this,(()=>(()=>{var e={917:e=>{e.exports={"black-18a":"rgba(0, 0, 0, 0.18)","black-8a":"rgba(0, 0, 0, 0.08)","black-70a":"rgba(0, 0, 0, 0.7)","black-12a":"rgba(0, 0, 0, 0.12)","black-6a":"rgba(0, 0, 0, 0.06)","black-4a":"rgba(0, 0, 0, 0.04)","black-40a":"rgba(0, 0, 0, 0.4)","black-90a":"rgba(0, 0, 0, 0.9)","black-80a":"rgba(0, 0, 0, 0.8)","black-60a":"rgba(0, 0, 0, 0.6)","black-50a":"rgba(0, 0, 0, 0.5)","black-24a":"rgba(0, 0, 0, 0.24)","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)","white-90a":"rgba(255, 255, 255, 0.9)","white-24a":"rgba(255, 255, 255, 0.24)","white-12a":"rgba(255, 255, 255, 0.12)","white-70a":"rgba(255, 255, 255, 0.7)","white-18a":"rgba(255, 255, 255, 0.18)","white-8a":"rgba(255, 255, 255, 0.08)","white-80a":"rgba(255, 255, 255, 0.8)","white-60a":"rgba(255, 255, 255, 0.6)","white-50a":"rgba(255, 255, 255, 0.5)","white-40a":"rgba(255, 255, 255, 0.4)","white-6a":"rgba(255, 255, 255, 0.06)","white-4a":"rgba(255, 255, 255, 0.04)","purple-tint":"#9b37f2","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","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","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","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","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","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","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","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","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"}}},a={};function f(r){var l=a[r];if(void 0!==l)return l.exports;var o=a[r]={exports:{}};return e[r](o,o.exports,f),o.exports}f.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return f.d(a,{a}),a},f.d=(e,a)=>{for(var r in a)f.o(a,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:a[r]})},f.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f.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";f.r(r),f.d(r,{colors:()=>e});var e=f(917)})(),r})()));
1
+ !function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports.mvDesignSystem=a():e.mvDesignSystem=a()}(this,(()=>(()=>{var e={890:e=>{e.exports={"black-18a":"rgba(0, 0, 0, 0.18)","black-8a":"rgba(0, 0, 0, 0.08)","black-70a":"rgba(0, 0, 0, 0.7)","black-12a":"rgba(0, 0, 0, 0.12)","black-6a":"rgba(0, 0, 0, 0.06)","black-4a":"rgba(0, 0, 0, 0.04)","black-40a":"rgba(0, 0, 0, 0.4)","black-90a":"rgba(0, 0, 0, 0.9)","black-80a":"rgba(0, 0, 0, 0.8)","black-60a":"rgba(0, 0, 0, 0.6)","black-50a":"rgba(0, 0, 0, 0.5)","black-24a":"rgba(0, 0, 0, 0.24)","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)","white-90a":"rgba(255, 255, 255, 0.9)","white-24a":"rgba(255, 255, 255, 0.24)","white-12a":"rgba(255, 255, 255, 0.12)","white-70a":"rgba(255, 255, 255, 0.7)","white-18a":"rgba(255, 255, 255, 0.18)","white-8a":"rgba(255, 255, 255, 0.08)","white-80a":"rgba(255, 255, 255, 0.8)","white-60a":"rgba(255, 255, 255, 0.6)","white-50a":"rgba(255, 255, 255, 0.5)","white-40a":"rgba(255, 255, 255, 0.4)","white-6a":"rgba(255, 255, 255, 0.06)","white-4a":"rgba(255, 255, 255, 0.04)","purple-tint":"#9b37f2","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","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","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","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","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","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","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","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","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"}}},a={};function f(r){var l=a[r];if(void 0!==l)return l.exports;var o=a[r]={exports:{}};return e[r](o,o.exports,f),o.exports}var r={};return(()=>{"use strict";var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.colors=void 0;const a=f(890);e.colors=a,e.default={colors:a}})(),r})()));
2
2
  //# sourceMappingURL=index.js.map