@mindvalley/design-system 3.2.3 → 3.2.5
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 +125 -1
- package/dist/b2b.js +1 -1
- package/dist/b2b.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tailwind/plugins/tokens/b2b/typography.js +1 -1
- package/dist/tailwind/plugins/tokens/mindvalley/typography.js +1 -1
- package/dist/tailwind/plugins/typography.js +1 -1
- package/docs/USAGE.md +3 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,132 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
All notable changes to this project will be documented in this file.
|
|
3
3
|
|
|
4
|
-
## [3.2.
|
|
4
|
+
## [3.2.5](https://github.com/mindvalley/mv-design-system/compare/v3.2.4...v3.2.5) (2024-07-15)
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
* Update tokens ([7a3feca](https://github.com/mindvalley/mv-design-system/commit/7a3feca16f57fff27c6ce192f0479343c220479d))
|
|
10
|
+
|
|
11
|
+
## [3.2.4](https://github.com/mindvalley/mv-design-system/compare/v3.2.3...v3.2.4) (2024-03-28)
|
|
12
|
+
|
|
13
|
+
### Added
|
|
14
|
+
|
|
15
|
+
- Introduced a comprehensive suite of typography settings tailored for both Mindvalley Core and B2B platforms, enhancing visual consistency across applications.
|
|
16
|
+
- Refreshed font face definitions across our design system.
|
|
17
|
+
|
|
18
|
+
### Mindvalley Core Typography
|
|
19
|
+
|
|
20
|
+
| Style | Font Family | Font Size | Letter Spacing | Line Height |
|
|
21
|
+
|-------|-------------|-----------|----------------|-------------|
|
|
22
|
+
| body | Sharp Grotesk Cyr Book 19 | 16px | 0.35px | 24px |
|
|
23
|
+
| body-small | Sharp Grotesk Cyr Book 19 | 14px | 0.35px | 20px |
|
|
24
|
+
| body-bold | Sharp Grotesk Cyr Semibold 20 | 16px | 0.35px | 24px |
|
|
25
|
+
| body-small-bold | Sharp Grotesk Cyr Semibold 20 | 14px | 0.35px | 20px |
|
|
26
|
+
| body-2xs | Sharp Grotesk Cyr Book 19 | 10px | 0.50px | 15px |
|
|
27
|
+
| body-3xs | Sharp Grotesk Cyr Book 19 | 8px | 0.50px | 12px |
|
|
28
|
+
| timer-text | Sharp Grotesk Cyr Book 19 | 44px | 0.25px | 52px |
|
|
29
|
+
| timer-text-medium | Sharp Grotesk Cyr Book 19 | 36px | 0.25px | 44px |
|
|
30
|
+
| timer-text-small | Sharp Grotesk Cyr Book 19 | 28px | 0.25px | 34px |
|
|
31
|
+
| caption-disclaimer | Sharp Grotesk Cyr Book 19 | 12px | 0.50px | 16px |
|
|
32
|
+
| overline-text | Sharp Grotesk Cyr Medium 20 | 14px | 0.50px | 20px |
|
|
33
|
+
| button-text | Sharp Grotesk Cyr Medium 20 | 16px | 0.25px | 20px |
|
|
34
|
+
| button-text-medium | Sharp Grotesk Cyr Medium 20 | 14px | 0.25px | 18px |
|
|
35
|
+
| button-text-small | Sharp Grotesk Cyr Medium 20 | 12px | 0.35px | 16px |
|
|
36
|
+
| title-bold-1 (mobile) | Sharp Grotesk Cyr Semibold 21 | 48px | 0.25px | 56px |
|
|
37
|
+
| title-bold-1 (desktop) | Sharp Grotesk Cyr Semibold 21 | 72px | 0.25px | 80px |
|
|
38
|
+
| title-bold-2 (mobile) | Sharp Grotesk Cyr Semibold 21 | 36px | 0.25px | 44px |
|
|
39
|
+
| title-bold-2 (desktop) | Sharp Grotesk Cyr Semibold 21 | 60px | 0.25px | 68px |
|
|
40
|
+
| title-bold-3 (mobile) | Sharp Grotesk Cyr Semibold 21 | 30px | 0.25px | 36px |
|
|
41
|
+
| title-bold-3 (desktop) | Sharp Grotesk Cyr Semibold 21 | 48px | 0.25px | 56px |
|
|
42
|
+
| title-bold-4 (mobile) | Sharp Grotesk Cyr Semibold 21 | 28px | 0.25px | 34px |
|
|
43
|
+
| title-bold-4 (desktop) | Sharp Grotesk Cyr Semibold 21 | 36px | 0.25px | 44px |
|
|
44
|
+
| title-bold-5 (mobile) | Sharp Grotesk Cyr Semibold 21 | 24px | 0.25px | 30px |
|
|
45
|
+
| title-bold-5 (desktop) | Sharp Grotesk Cyr Semibold 21 | 28px | 0.25px | 34px |
|
|
46
|
+
| title-bold-6 (mobile) | Sharp Grotesk Cyr Semibold 21 | 22px | 0.25px | 26px |
|
|
47
|
+
| title-bold-6 (desktop) | Sharp Grotesk Cyr Semibold 21 | 24px | 0.25px | 30px |
|
|
48
|
+
| title-bold-7 (mobile) | Sharp Grotesk Cyr Semibold 21 | 20px | 0.25px | 24px |
|
|
49
|
+
| title-bold-7 (desktop) | Sharp Grotesk Cyr Semibold 21 | 22px | 0.25px | 26px |
|
|
50
|
+
| title-bold-8 (mobile) | Sharp Grotesk Cyr Semibold 21 | 18px | 0.25px | 22px |
|
|
51
|
+
| title-bold-8 (desktop) | Sharp Grotesk Cyr Semibold 21 | 20px | 0.25px | 24px |
|
|
52
|
+
| title-bold-9 (mobile) | Sharp Grotesk Cyr Semibold 21 | 16px | 0.25px | 20px |
|
|
53
|
+
| title-bold-9 (desktop) | Sharp Grotesk Cyr Semibold 21 | 18px | 0.25px | 22px |
|
|
54
|
+
| title-bold-10 (mobile) | Sharp Grotesk Cyr Semibold 21 | 14px | 0.25px | 18px |
|
|
55
|
+
| title-bold-10 (desktop) | Sharp Grotesk Cyr Semibold 21 | 16px | 0.25px | 20px |
|
|
56
|
+
| title-bold-11 (mobile) | Sharp Grotesk Cyr Semibold 21 | 12px | 0.25px | 16px |
|
|
57
|
+
| title-bold-11 (desktop) | Sharp Grotesk Cyr Semibold 21 | 14px | 0.25px | 18px |
|
|
58
|
+
| title-1 (mobile) | Sharp Grotesk Cyr Medium 20 | 36px | 0.25px | 44px |
|
|
59
|
+
| title-1 (desktop) | Sharp Grotesk Cyr Medium 20 | 60px | 0.25px | 68px |
|
|
60
|
+
| title-2 (mobile) | Sharp Grotesk Cyr Medium 20 | 32px | 0.25px | 38px |
|
|
61
|
+
| title-2 (desktop) | Sharp Grotesk Cyr Medium 20 | 48px | 0.25px | 56px |
|
|
62
|
+
| title-3 (mobile) | Sharp Grotesk Cyr Medium 20 | 28px | 0.25px | 34px |
|
|
63
|
+
| title-3 (desktop) | Sharp Grotesk Cyr Medium 20 | 36px | 0.25px | 44px |
|
|
64
|
+
| title-4 (mobile) | Sharp Grotesk Cyr Medium 20 | 24px | 0.25px | 30px |
|
|
65
|
+
| title-4 (desktop) | Sharp Grotesk Cyr Medium 20 | 28px | 0.25px | 34px |
|
|
66
|
+
| title-5 (mobile) | Sharp Grotesk Cyr Medium 20 | 20px | 0.25px | 24px |
|
|
67
|
+
| title-5 (desktop) | Sharp Grotesk Cyr Medium 20 | 24px | 0.25px | 30px |
|
|
68
|
+
| title-6 (mobile) | Sharp Grotesk Cyr Medium 20 | 18px | 0.25px | 22px |
|
|
69
|
+
| title-6 (desktop) | Sharp Grotesk Cyr Medium 20 | 20px | 0.25px | 24px |
|
|
70
|
+
| title-7 (mobile) | Sharp Grotesk Cyr Medium 20 | 16px | 0.25px | 20px |
|
|
71
|
+
| title-7 (desktop) | Sharp Grotesk Cyr Medium 20 | 16px | 0.25px | 20px |
|
|
72
|
+
| title-8 (mobile) | Sharp Grotesk Cyr Medium 20 | 14px | 0.25px | 18px |
|
|
73
|
+
| title-8 (desktop) | Sharp Grotesk Cyr Medium 20 | 14px | 0.25px | 18px |
|
|
74
|
+
| title-9 (mobile) | Sharp Grotesk Cyr Medium 20 | 12px | 0.35px | 16px |
|
|
75
|
+
| title-9 (desktop) | Sharp Grotesk Cyr Medium 20 | 12px | 0.35px | 16px |
|
|
76
|
+
| title-10 (mobile) | Sharp Grotesk Cyr Medium 20 | 10px | 0.35px | 14px |
|
|
77
|
+
| title-10 (desktop) | Sharp Grotesk Cyr Medium 20 | 10px | 0.35px | 14px |
|
|
78
|
+
| title-11 (mobile) | Sharp Grotesk Cyr Medium 20 | 8px | 0.35px | 12px |
|
|
79
|
+
| title-11 (desktop) | Sharp Grotesk Cyr Medium 20 | 8px | 0.35px | 12px |
|
|
80
|
+
| display-1 (mobile) | Sharp Grotesk Cyr Bold 16 | 64px | 0.25px | 62px |
|
|
81
|
+
| display-1 (desktop) | Sharp Grotesk Cyr Bold 16 | 96px | 0.25px | 92px |
|
|
82
|
+
| display-2 (mobile) | Sharp Grotesk Cyr Bold 16 | 48px | 0.25px | 46px |
|
|
83
|
+
| display-2 (desktop) | Sharp Grotesk Cyr Bold 16 | 60px | 0.25px | 58px |
|
|
84
|
+
| display-3 (mobile) | Sharp Grotesk Cyr Bold 16 | 32px | 0.25px | 35px |
|
|
85
|
+
| display-3 (desktop) | Sharp Grotesk Cyr Bold 16 | 44px | 0.25px | 48px |
|
|
86
|
+
| display-4 (mobile) | Sharp Grotesk Cyr Bold 16 | 26px | 0.25px | 28px |
|
|
87
|
+
| display-4 (desktop) | Sharp Grotesk Cyr Bold 16 | 32px | 0.25px | 35px |
|
|
88
|
+
|
|
89
|
+
### B2B Typography
|
|
90
|
+
|
|
91
|
+
| Style | Font Family | Font Size | Letter Spacing | Line Height |
|
|
92
|
+
|-------|-------------|-----------|----------------|-------------|
|
|
93
|
+
| display-1 (mobile) | Sharp Grotesk Cyr Medium 22 | 80px | 0.25px | 96px |
|
|
94
|
+
| display-1 (desktop) | Sharp Grotesk Cyr Medium 22 | 100px | 0.25px | 115px |
|
|
95
|
+
| display-2 (mobile) | Sharp Grotesk Cyr Medium 22 | 60px | 0.25px | 72px |
|
|
96
|
+
| display-2 (desktop) | Sharp Grotesk Cyr Medium 22 | 80px | 0.25px | 96px |
|
|
97
|
+
| display-3 (mobile) | Sharp Grotesk Cyr Medium 22 | 48px | 0.25px | 58px |
|
|
98
|
+
| display-3 (desktop) | Sharp Grotesk Cyr Medium 22 | 60px | 0.25px | 72px |
|
|
99
|
+
| heading-1 (mobile) | Sharp Grotesk Cyr Medium 22 | 32px | 0.25px | 40px |
|
|
100
|
+
| heading-1 (desktop) | Sharp Grotesk Cyr Medium 22 | 48px | 0.25px | 60px |
|
|
101
|
+
| heading-2 (mobile) | Sharp Grotesk Cyr Medium 22 | 28px | 0.25px | 35px |
|
|
102
|
+
| heading-2 (desktop) | Sharp Grotesk Cyr Medium 22 | 36px | 0.25px | 45px |
|
|
103
|
+
| heading-3 (mobile) | Sharp Grotesk Cyr Medium 22 | 24px | 0.25px | 30px |
|
|
104
|
+
| heading-3 (desktop) | Sharp Grotesk Cyr Medium 22 | 28px | 0.25px | 35px |
|
|
105
|
+
| heading-4 (mobile) | Sharp Grotesk Cyr Medium 22 | 20px | 0.25px | 25px |
|
|
106
|
+
| heading-4 (desktop) | Sharp Grotesk Cyr Medium 22 | 24px | 0.25px | 30px |
|
|
107
|
+
| heading-5 (mobile) | Sharp Grotesk Cyr Medium 22 | 18px | 0.25px | 23px |
|
|
108
|
+
| heading-5 (desktop) | Sharp Grotesk Cyr Medium 22 | 20px | 0.25px | 25px |
|
|
109
|
+
| heading-6 (mobile) | Sharp Grotesk Cyr Medium 22 | 16px | 0.25px | 21px |
|
|
110
|
+
| heading-6 (desktop) | Sharp Grotesk Cyr Medium 22 | 18px | 0.25px | 23px |
|
|
111
|
+
| heading-7 (mobile) | Sharp Grotesk Cyr Medium 22 | 14px | 0.25px | 19px |
|
|
112
|
+
| heading-7 (desktop) | Sharp Grotesk Cyr Medium 22 | 16px | 0.25px | 21px |
|
|
113
|
+
| heading-8 (mobile) | Sharp Grotesk Cyr Medium 22 | 12px | 0.25px | 17px |
|
|
114
|
+
| heading-8 (desktop) | Sharp Grotesk Cyr Medium 22 | 14px | 0.25px | 19px |
|
|
115
|
+
| heading-9 (mobile) | Sharp Grotesk Cyr Medium 22 | 10px | 0.35px | 14px |
|
|
116
|
+
| heading-9 (desktop) | Sharp Grotesk Cyr Medium 22 | 12px | 0.35px | 17px |
|
|
117
|
+
|
|
118
|
+
* _Note in the final versions of the output css the values are updated to relative units (rems)_
|
|
5
119
|
|
|
120
|
+
### Bug Fixes
|
|
121
|
+
|
|
122
|
+
* Add missing mapping for b2b typography ([#89](https://github.com/mindvalley/mv-design-system/issues/89)) ([7a6a043](https://github.com/mindvalley/mv-design-system/commit/7a6a0438f5060fc6144364d2c74b5ef31c4302db))
|
|
123
|
+
|
|
124
|
+
### Breaking change
|
|
125
|
+
|
|
126
|
+
- 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.
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
## [3.2.3](https://github.com/mindvalley/mv-design-system/compare/v3.2.2...v3.2.3) (2024-03-27)
|
|
6
130
|
|
|
7
131
|
### Bug Fixes
|
|
8
132
|
|
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={487:e=>{e.exports={"red-
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.mvDesignSystem=r():e.mvDesignSystem=r()}(this,(()=>(()=>{var e={487:e=>{e.exports={"red-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","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":"#664bca","purple-700":"#4d2daa","purple-800":"#40268c","purple-900":"#26175e","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)"}}},r={};function a(b){var f=r[b];if(void 0!==f)return f.exports;var o=r[b]={exports:{}};return e[b](o,o.exports,a),o.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(487)})(),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,UAAW,
|
|
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,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,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,4B,GCnEfK,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 Mon, 15 Jul 2024 03:29: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 \"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\": \"#664bca\",\n \"purple-700\": \"#4d2daa\",\n \"purple-800\": \"#40268c\",\n \"purple-900\": \"#26175e\",\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};\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["root","factory","exports","module","define","amd","this","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value"],"sourceRoot":""}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,f){"object"==typeof exports&&"object"==typeof module?module.exports=f():"function"==typeof define&&define.amd?define([],f):"object"==typeof exports?exports.mvDesignSystem=f():e.mvDesignSystem=f()}(this,(()=>(()=>{var e={907:e=>{e.exports={"
|
|
1
|
+
!function(e,f){"object"==typeof exports&&"object"==typeof module?module.exports=f():"function"==typeof define&&define.amd?define([],f):"object"==typeof exports?exports.mvDesignSystem=f():e.mvDesignSystem=f()}(this,(()=>(()=>{var e={907:e=>{e.exports={"cool-grey-100":"#f9f9f9","cool-grey-150":"#f3f4f6","cool-grey-200":"#ebedef","cool-grey-250":"#dfe1e5","cool-grey-300":"#ced1d7","cool-grey-350":"#b3b8c1","cool-grey-400":"#979ca5","cool-grey-450":"#71767f","cool-grey-500":"#595e67","cool-grey-550":"#41464f","cool-grey-600":"#292d38","cool-grey-650":"#181d26","cool-grey-700":"#0f131a","purple-50":"#f8efff","purple-100":"#f5e7ff","purple-200":"#eed8fe","purple-300":"#e0b8fe","purple-400":"#d299fe","purple-500":"#ba62fd","purple-600":"#7a12d4","purple-700":"#680fb4","purple-800":"#4f0c8a","purple-900":"#37085f","green-50":"#e8f9f1","green-100":"#dcf6ea","green-200":"#c5efdd","green-300":"#97e3c1","green-400":"#69d7a6","green-500":"#18c176","green-600":"#159f65","green-700":"#128756","green-800":"#0e6742","green-900":"#09482d","teal-50":"#ebfafb","teal-100":"#e1f8f9","teal-200":"#cdf3f5","teal-300":"#a5eaed","teal-400":"#7de0e4","teal-500":"#37d0d6","teal-600":"#1e9094","teal-700":"#1a7a7e","teal-800":"#145e60","teal-900":"#0e4143","blue-50":"#ebf5ff","blue-100":"#e0f0ff","blue-200":"#cce6ff","blue-300":"#a3d3ff","blue-400":"#7abfff","blue-500":"#329dff","blue-600":"#005cff","blue-700":"#1c3bd4","blue-800":"#1832b4","blue-900":"#12268a","red-50":"#feeded","red-100":"#fde3e3","red-200":"#fcd1d1","red-300":"#faacac","red-400":"#f78787","red-500":"#f34747","red-600":"#d8273a","red-700":"#b82131","red-800":"#8c1926","red-900":"#61121a","orange-50":"#fff4e9","orange-100":"#ffefdd","orange-200":"#ffe4c7","orange-300":"#ffce9a","orange-400":"#ffb96d","orange-500":"#ff931f","orange-600":"#ed6325","orange-700":"#c9541f","orange-800":"#9a4018","orange-900":"#6b2d11","yellow-50":"#fefae8","yellow-100":"#fef7dc","yellow-200":"#fcf1c5","yellow-300":"#fae797","yellow-400":"#f8dc69","yellow-500":"#f5c918","yellow-600":"#e8ad11","yellow-700":"#c5930e","yellow-800":"#97700b","yellow-900":"#684e08","aqua-50":"#eaf7ff","aqua-100":"#dff4ff","aqua-200":"#caecff","aqua-300":"#a0ddff","aqua-400":"#76ceff","aqua-500":"#2cb3ff","aqua-600":"#1b9ce6","aqua-700":"#1785c3","aqua-800":"#126596","aqua-900":"#0c4668","pink-50":"#feeaf3","pink-100":"#fedfec","pink-200":"#fdcae0","pink-300":"#fca0c7","pink-400":"#fa76af","pink-500":"#f72c84","pink-600":"#df1a6f","pink-700":"#be165e","pink-800":"#911148","pink-900":"#640c32","purple-500-90a":"rgba(186, 98, 253, 0.9)","purple-500-20a":"rgba(186, 98, 253, 0.2)","purple-600-10a":"rgba(122, 18, 212, 0.1)","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-10a":"rgba(255, 255, 255, 0.1)","white-8a":"rgba(255, 255, 255, 0.08)","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)","purple-tint":"#9b37f2",black:"#000000",white:"#ffffff"}}},f={};function a(r){var l=f[r];if(void 0!==l)return l.exports;var o=f[r]={exports:{}};return e[r](o,o.exports,a),o.exports}a.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return a.d(f,{a:f}),f},a.d=(e,f)=>{for(var r in f)a.o(f,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:f[r]})},a.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";a.r(r),a.d(r,{colors:()=>e});var e=a(907)})(),r})()));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAwB,eAAID,IAE5BD,EAAqB,eAAIC,GAC1B,CATD,CASGK,MAAM,I,qBCJTH,EAAOD,QAAU,CACf,
|
|
1
|
+
{"version":3,"file":"index.js","mappings":"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,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,gBAAiB,UACjB,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,WAAY,UACZ,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,YAAa,UACb,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,SAAU,UACV,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,UAAW,UACX,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,YAAa,UACb,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,aAAc,UACd,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,UAAW,UACX,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,WAAY,UACZ,iBAAkB,0BAClB,iBAAkB,0BAClB,iBAAkB,0BAClB,YAAa,2BACb,YAAa,4BACb,YAAa,4BACb,YAAa,2BACb,YAAa,4BACb,YAAa,2BACb,WAAY,4BACZ,YAAa,sBACb,WAAY,sBACZ,YAAa,qBACb,YAAa,sBACb,WAAY,sBACZ,WAAY,sBACZ,cAAe,UACf,MAAS,UACT,MAAS,U,GC9HPK,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/mindvalley/colors.js","webpack://mvDesignSystem/webpack/bootstrap","webpack://mvDesignSystem/webpack/runtime/compat get default export","webpack://mvDesignSystem/webpack/runtime/define property getters","webpack://mvDesignSystem/webpack/runtime/hasOwnProperty shorthand","webpack://mvDesignSystem/webpack/runtime/make namespace object"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"mvDesignSystem\"] = factory();\n\telse\n\t\troot[\"mvDesignSystem\"] = factory();\n})(this, () => {\nreturn ","/**\n * Do not edit directly\n * Generated on Mon, 15 Jul 2024 03:29:07 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 \"white-90a\": \"rgba(255, 255, 255, 0.9)\",\n \"white-24a\": \"rgba(255, 255, 255, 0.24)\",\n \"white-12a\": \"rgba(255, 255, 255, 0.12)\",\n \"white-70a\": \"rgba(255, 255, 255, 0.7)\",\n \"white-18a\": \"rgba(255, 255, 255, 0.18)\",\n \"white-10a\": \"rgba(255, 255, 255, 0.1)\",\n \"white-8a\": \"rgba(255, 255, 255, 0.08)\",\n \"black-18a\": \"rgba(0, 0, 0, 0.18)\",\n \"black-8a\": \"rgba(0, 0, 0, 0.08)\",\n \"black-70a\": \"rgba(0, 0, 0, 0.7)\",\n \"black-12a\": \"rgba(0, 0, 0, 0.12)\",\n \"black-6a\": \"rgba(0, 0, 0, 0.06)\",\n \"black-4a\": \"rgba(0, 0, 0, 0.04)\",\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":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports={"display-1-
|
|
1
|
+
module.exports={"display-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"80px",letterSpacing:"0.25px",lineHeight:"96px"},"display-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"72px"},"display-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"58px"},"heading-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"40px"},"heading-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"35px"},"heading-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"heading-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"25px"},"heading-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"23px"},"heading-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"21px"},"heading-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"19px"},"heading-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.25px",lineHeight:"17px"},"heading-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"display-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"100px",letterSpacing:"0.25px",lineHeight:"115px"},"display-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"80px",letterSpacing:"0.25px",lineHeight:"96px"},"display-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"72px"},"heading-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"60px"},"heading-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"45px"},"heading-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"35px"},"heading-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"heading-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"25px"},"heading-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"23px"},"heading-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"21px"},"heading-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"19px"},"heading-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"17px"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports={body:{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-bold":{fontFamily:"'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small-bold":{fontFamily:"'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-2xs":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.50px",lineHeight:"15px"},"body-3xs":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.50px",lineHeight:"12px"},"timer-text":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"52px"},"timer-text-medium":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"timer-text-small":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"caption-disclaimer":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.50px",lineHeight:"16px"},"overline-text":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.50px",lineHeight:"20px"},"button-text":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"button-text-medium":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"button-text-small":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-bold-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"72px",letterSpacing:"0.25px",lineHeight:"80px"},"title-bold-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-10-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-bold-11-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-10-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-11-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"},"display-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"96px",letterSpacing:"0.25px",lineHeight:"92px"},"display-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"58px"},"display-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"48px"},"display-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"35px"},"title-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-10-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"38px"},"title-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-11-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"},"title-bold-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"30px",letterSpacing:"0.25px",lineHeight:"36px"},"title-bold-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-10-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-bold-11-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.25px",lineHeight:"16px"},"display-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"64px",letterSpacing:"0.25px",lineHeight:"62px"},"display-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"46px"},"display-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"35px"},"display-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"26px",letterSpacing:"0.25px",lineHeight:"28px"}};
|
|
1
|
+
module.exports={"title-bold-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"72px",letterSpacing:"0.25px",lineHeight:"80px"},"title-bold-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-10-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-bold-11-desktop":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-8-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-7-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-6-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-10-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-5-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-9-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"68px"},"title-11-desktop":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"},"display-1-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"96px",letterSpacing:"0.25px",lineHeight:"92px"},"display-2-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"60px",letterSpacing:"0.25px",lineHeight:"58px"},"display-3-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"48px"},"display-4-desktop":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"35px"},"title-bold-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-bold-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"30px",letterSpacing:"0.25px",lineHeight:"36px"},"title-bold-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"56px"},"title-bold-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-bold-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-bold-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-bold-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"22px",letterSpacing:"0.25px",lineHeight:"26px"},"title-bold-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-bold-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-bold-10-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-bold-11-mobile":{fontFamily:"'Sharp Grotesk Cyr Semibold 21', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.25px",lineHeight:"16px"},"title-5-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"24px"},"title-8-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"title-10-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.35px",lineHeight:"14px"},"title-7-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"title-9-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"},"title-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"title-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"38px"},"title-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"title-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"24px",letterSpacing:"0.25px",lineHeight:"30px"},"title-6-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"18px",letterSpacing:"0.25px",lineHeight:"22px"},"title-11-mobile":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.35px",lineHeight:"12px"},"display-1-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"64px",letterSpacing:"0.25px",lineHeight:"62px"},"display-2-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"48px",letterSpacing:"0.25px",lineHeight:"46px"},"display-3-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"32px",letterSpacing:"0.25px",lineHeight:"35px"},"display-4-mobile":{fontFamily:"'Sharp Grotesk Cyr Bold 16', Helvetica, Arial, 'sans-serif'",fontSize:"26px",letterSpacing:"0.25px",lineHeight:"28px"},body:{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-bold":{fontFamily:"'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.35px",lineHeight:"24px"},"body-small-bold":{fontFamily:"'Sharp Grotesk Cyr Semibold 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.35px",lineHeight:"20px"},"body-2xs":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"10px",letterSpacing:"0.50px",lineHeight:"15px"},"body-3xs":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"8px",letterSpacing:"0.50px",lineHeight:"12px"},"body-large":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"20px",letterSpacing:"0.25px",lineHeight:"30px"},"caption-disclaimer":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.50px",lineHeight:"16px"},"overline-text":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.50px",lineHeight:"20px"},"timer-text":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"44px",letterSpacing:"0.25px",lineHeight:"52px"},"timer-text-medium":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"36px",letterSpacing:"0.25px",lineHeight:"44px"},"timer-text-small":{fontFamily:"'Sharp Grotesk Cyr Book 19', Helvetica, Arial, 'sans-serif'",fontSize:"28px",letterSpacing:"0.25px",lineHeight:"34px"},"button-text":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"16px",letterSpacing:"0.25px",lineHeight:"20px"},"button-text-medium":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"14px",letterSpacing:"0.25px",lineHeight:"18px"},"button-text-small":{fontFamily:"'Sharp Grotesk Cyr Medium 20', Helvetica, Arial, 'sans-serif'",fontSize:"12px",letterSpacing:"0.35px",lineHeight:"16px"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase,toNoCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),coreTypography=require("./tokens/mindvalley/typography"),brandMapping={mindvalley:coreTypography},typographyPlugin=({casing:e=CASINGS.kebabCase,breakingPoint:a="lg",prefix:s="",brands:t=["mindvalley"]}={})=>function({addComponents:
|
|
1
|
+
const plugin=require("tailwindcss/plugin"),{CASINGS,toKebabCase,toSnakeCase,toCamelCase,toPascalCase,toNoCase}=require("../../helpers/casing"),{strPxToRemStr}=require("../../helpers/dimens"),coreTypography=require("./tokens/mindvalley/typography"),b2bTypography=require("./tokens/b2b/typography"),brandMapping={mindvalley:coreTypography,b2b:b2bTypography},typographyPlugin=({casing:e=CASINGS.kebabCase,breakingPoint:a="lg",prefix:s="",brands:t=["mindvalley"]}={})=>function({addComponents:o,theme:n}){const r=n("screens",{});o(convertObjectKeysToCasedClassNames({...t.reduce(((e,s)=>brandMapping[s]?{...e,...processTypography(brandMapping[s],r[a])}:(console.warn(`Brand "${s}" not found in brandMapping. Skipping...`),e)),{})},e,s))};function processTypography(e,a){const s={};for(const t of Object.keys(e)){const o=toCamelCase(t.replace(/-desktop|-mobile/g,"")),n=t.includes("-desktop"),r=t.includes("-mobile"),i=e[t];s[o]=n?{...s[o],[`@media (min-width: ${a})`]:{...i}}:r?{...i,...s[o]}:i}return s}function convertObjectKeysToCasedClassNames(e,a=CASINGS.kebabCase,s=""){const t=e=>{let a={};return Object.keys(e).forEach((s=>{["fontSize","letterSpacing","lineHeight"].includes(s)?a[s]=strPxToRemStr(e[s]):"object"==typeof e[s]?a[s]=t(e[s]):a[s]=e[s]})),a};return mapObj(e,(e=>{let t;switch(a){case CASINGS.snakeCase:t=toSnakeCase(e);break;case CASINGS.camelCase:t=toCamelCase(e);break;case CASINGS.pascalCase:t=toPascalCase(e);break;case CASINGS.kebabCase:t=toKebabCase(e);break;case CASINGS.noCase:t=toNoCase(e);break;default: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]`),t=toKebabCase(e)}return s?`.${s}${t}`:`.${t}`}),t)}function mapObj(e,a,s){return Object.entries(e).reduce(((e,[t,o])=>({...e,[a(t)]:s(o)})),{})}module.exports=plugin.withOptions(typographyPlugin);
|
package/docs/USAGE.md
CHANGED
|
@@ -46,7 +46,7 @@ If you use TailwindCSS in your project, using the colors is a simple two-step pr
|
|
|
46
46
|
module.exports = {
|
|
47
47
|
theme: {
|
|
48
48
|
colors: {
|
|
49
|
-
...
|
|
49
|
+
...colors
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -153,7 +153,7 @@ Let's say that you are trying to codify a button from a Figma design, and you wa
|
|
|
153
153
|
```css
|
|
154
154
|
@font-face {
|
|
155
155
|
font-family: "Sharp Grotesk Cyr Semibold 21";
|
|
156
|
-
font-weight:
|
|
156
|
+
font-weight: 500;
|
|
157
157
|
font-display: swap;
|
|
158
158
|
/* We load fonts from assets.mindvalley.com cdn but you can choose to host the files yourself */
|
|
159
159
|
src: url("https://assets.mindvalley.com/api/v1/assets/270944f2-bb71-4559-b461-aabb0b351d6b.woff2") format("woff2");
|
|
@@ -169,7 +169,7 @@ Let's say that you are trying to codify a button from a Figma design, and you wa
|
|
|
169
169
|
|
|
170
170
|
@font-face {
|
|
171
171
|
font-family: "Sharp Grotesk Cyr Medium 22";
|
|
172
|
-
font-weight:
|
|
172
|
+
font-weight: 500;
|
|
173
173
|
font-display: swap;
|
|
174
174
|
src: url("https://assets.mindvalley.com/api/v1/assets/b61f86ec-3dbd-4674-907a-f3f26f5101ce.woff2") format("woff2");
|
|
175
175
|
}
|