@mindvalley/design-system 4.0.1 → 4.1.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.
Files changed (24) hide show
  1. package/CHANGELOG.md +28 -2
  2. package/README.md +11 -17
  3. package/dist/tailwind/plugins/tokens/b2b/typography.d.ts +4 -1
  4. package/dist/tailwind/plugins/tokens/b2b/typography.d.ts.map +1 -1
  5. package/dist/tailwind/plugins/tokens/b2b/typography.js +25 -25
  6. package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.d.ts +15 -0
  7. package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.d.ts.map +1 -0
  8. package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.js +77 -0
  9. package/dist/tailwind/plugins/tokens/mindvalley/typography.d.ts.map +1 -1
  10. package/dist/tailwind/plugins/tokens/mindvalley/typography.js +420 -60
  11. package/dist/tailwind/plugins/typography-gsf.d.ts +31 -0
  12. package/dist/tailwind/plugins/typography-gsf.d.ts.map +1 -0
  13. package/dist/tailwind/plugins/typography-gsf.js +130 -0
  14. package/docs/README.md +25 -0
  15. package/docs/RELEASING.md +9 -9
  16. package/docs/USAGE.md +129 -131
  17. package/docs/token-validation.md +298 -0
  18. package/docs/typography/README.md +58 -0
  19. package/docs/typography/migration.md +166 -0
  20. package/docs/typography/setup.md +366 -0
  21. package/package.json +10 -3
  22. package/docs/CONTRIBUTION.md +0 -262
  23. package/docs/typography-fonts.md +0 -552
  24. package/docs/typography-token-pipeline-b2b.md +0 -156
package/CHANGELOG.md CHANGED
@@ -1,14 +1,36 @@
1
- ## [4.0.1](https://github.com/mindvalley/mv-design-system/compare/v4.0.0...v4.0.1) (2026-01-05)
1
+ # [4.1.0](https://github.com/mindvalley/mv-design-system/compare/v4.0.1...v4.1.0) (2026-01-23)
2
2
 
3
3
 
4
4
  ### Bug Fixes
5
5
 
6
- * Patched b2b back colors to how they were in v3.4.2 ([#142](https://github.com/mindvalley/mv-design-system/issues/142)) ([1d03f74](https://github.com/mindvalley/mv-design-system/commit/1d03f745d908aa762669b9066b7702eabd849141))
6
+ * Improve fontFamily regex extraction for TypeScript format ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
7
+ * **tokens:** Include paragraphIndent and paragraphSpacing in output ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
8
+ * Patched b2b back colors to how they were in v3.4.2 ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
9
+ * **tokens:** Resolve merge conflict with correct numeric fontWeight values ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
10
+ * Update fontWidth to 100 for button, timer, and caption styles ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
11
+
12
+
13
+ ### Features
14
+
15
+ * **style-dictionary:** Add tablet breakpoint output ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
16
+ * **build:** Configure GSF typography output path ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
17
+ * **tailwind:** Create typography-gsf plugin with 3-tier responsive support ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
18
+
19
+
20
+ ### Reverts
21
+
22
+ * **style-dictionary:** Restore typography description-to-comment preprocessor ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
7
23
 
8
24
  # Changelog
9
25
 
10
26
  All notable changes to this project will be documented in this file.
11
27
 
28
+ ## [4.0.1](https://github.com/mindvalley/mv-design-system/compare/v4.0.0...v4.0.1) (2026-01-05)
29
+
30
+ ### Bug Fixes
31
+
32
+ * Patched b2b back colors to how they were in v3.4.2 ([#142](https://github.com/mindvalley/mv-design-system/issues/142)) ([1d03f74](https://github.com/mindvalley/mv-design-system/commit/1d03f745d908aa762669b9066b7702eabd849141))
33
+
12
34
  # [4.0.0](https://github.com/mindvalley/mv-design-system/compare/v3.4.2...v4.0.0) (2025-11-20)
13
35
 
14
36
  ### ✨ Features
@@ -91,6 +113,10 @@ All notable changes to this project will be documented in this file.
91
113
  * Updated `@biomejs/biome` to 2.3.4
92
114
  * Enhanced package.json exports for typography font files
93
115
 
116
+ ### ⚠️ Breaking changes
117
+
118
+ * Reported b2b colors issues. Fixed in v.4.0.1.
119
+
94
120
  ## [3.4.2](https://github.com/mindvalley/mv-design-system/compare/v3.4.1...v3.4.2) (2025-10-22)
95
121
 
96
122
  ### Bug Fixes
package/README.md CHANGED
@@ -9,10 +9,9 @@
9
9
  </a>
10
10
  </p>
11
11
 
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
- The design system has the Mindvalley Design Language as its foundation.
12
+ The Mindvalley Design System provides reusable design tokens and assets for building consistent digital experiences across the Mindvalley ecosystem, based on the Mindvalley Design Language.
14
13
 
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.
14
+ **Built with TypeScript** for type safety and better developer experience, it speeds cross-brand UI development while maintaining quality and accessibility.
16
15
 
17
16
  #### Key Features
18
17
 
@@ -24,30 +23,27 @@ The design system has the Mindvalley Design Language as its foundation.
24
23
 
25
24
  #### Getting started
26
25
 
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:
26
+ 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. In the case you don't have access to mentioned figma design system, you can reach out to the channel listed in the [help section](##🤷🏽‍♂️-need-help)
27
+ and access will be granted.
28
28
 
29
- 1. The [usage guide](docs/USAGE.md), if you want to start using the design system in your project/repo (includes TypeScript examples).
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.
29
+ Then, you can read the following guides:
32
30
 
33
- *Note:*
34
- From this point onwards, there will be continous mention of the word *token(s)* or *design token(s)*.
35
- Get an understanding of what they are here 👉 [what are design tokens?](https://css-tricks.com/what-are-design-tokens/)
31
+ 1. The [usage guide](docs/usage.md), if you want to start using the design system in your project/repo (includes examples for different web frameworks).
32
+ 2. The [contribution](CONTRIBUTING.md) and [release](docs/releasing.md) guides if you want to contribute to the repo.
36
33
 
37
- In the case you don't have access to mentioned figma design system, you can reach out to the channel listed in the [help section](#🤷🏽‍♂️-need-help)
38
- and access will be granted.
34
+ *Note:* This guide uses the term *design tokens* throughout. Learn what they are: [What are design tokens?](https://css-tricks.com/what-are-design-tokens/)
39
35
 
40
36
  #### :books: Usage
41
37
 
42
- See the comprehensive [usage guide](docs/USAGE.md).
38
+ See the comprehensive [usage guide](docs/usage.md).
43
39
 
44
40
  #### 🙌 Contributing
45
41
 
46
- Read about the development process in the [contribution guide](docs/CONTRIBUTION.md).
42
+ Read about the development process in the [contribution guide](CONTRIBUTING.md).
47
43
 
48
44
  #### 🚀 Releasing and publishing changes
49
45
 
50
- You can find docs about our release process in the [release guide](docs/RELEASING.md).
46
+ You can find docs about our release process in the [release guide](docs/releasing.md).
51
47
 
52
48
  #### ⚙️ Support
53
49
 
@@ -56,8 +52,6 @@ You can find docs about our release process in the [release guide](docs/RELEASIN
56
52
  * TypeScript and JavaScript projects
57
53
  * CommonJS and ES modules
58
54
 
59
- ####
60
-
61
55
  ## 🤷🏽‍♂️ Need Help?
62
56
 
63
57
  For questions on how to use the Mindvalley Design System, please join and post questions to the [#mindvalley-design-system](https://mindvalley.slack.com/archives/C03F4SBLZL2) channel on Slack, or reach out to any of the contributors for assistance.
package/dist/tailwind/plugins/tokens/b2b/typography.d.ts CHANGED
@@ -2,9 +2,12 @@ export interface TypographyTokens {
2
2
  [key: string]: {
3
3
  fontFamily: string;
4
4
  fontSize: string;
5
+ fontStyle?: string;
6
+ fontWeight?: number;
7
+ fontWidth?: number;
5
8
  letterSpacing: string;
6
9
  lineHeight: string;
7
- fontWeight?: number;
10
+ slant?: number;
8
11
  };
9
12
  }
10
13
  declare const tokens: TypographyTokens;
package/dist/tailwind/plugins/tokens/b2b/typography.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/b2b/typography.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;QAChB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAED,QAAA,MAAM,MAAM,EAAE,gBA0Bb,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/b2b/typography.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,QAAA,MAAM,MAAM,EAAE,gBA0Bb,CAAA;AAED,eAAe,MAAM,CAAA"}
package/dist/tailwind/plugins/tokens/b2b/typography.js CHANGED
@@ -1,30 +1,30 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tokens = {
4
- 'display-1-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "80px", "letterSpacing": "0.25px", "lineHeight": "96px", "fontWeight": 500 },
5
- 'display-1-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "100px", "letterSpacing": "0.25px", "lineHeight": "115px", "fontWeight": 500 },
6
- 'display-2-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "72px", "fontWeight": 500 },
7
- 'display-2-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "80px", "letterSpacing": "0.25px", "lineHeight": "96px", "fontWeight": 500 },
8
- 'display-3-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "56px", "fontWeight": 500 },
9
- 'display-3-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "letterSpacing": "0.25px", "lineHeight": "72px", "fontWeight": 500 },
10
- 'heading-1-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
11
- 'heading-1-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
12
- 'heading-10': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "15px", "fontWeight": 500 },
13
- 'heading-2-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
14
- 'heading-2-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
15
- 'heading-3-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
16
- 'heading-3-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
17
- 'heading-4-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
18
- 'heading-4-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
19
- 'heading-5-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
20
- 'heading-5-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "letterSpacing": "0.25px", "lineHeight": "0px", "fontWeight": 500 },
21
- 'heading-6-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "22px", "fontWeight": 500 },
22
- 'heading-6-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "letterSpacing": "0.25px", "lineHeight": "24px", "fontWeight": 500 },
23
- 'heading-7-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "20px", "fontWeight": 500 },
24
- 'heading-7-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "letterSpacing": "0.25px", "lineHeight": "22px", "fontWeight": 500 },
25
- 'heading-8-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.35px", "lineHeight": "16px", "fontWeight": 500 },
26
- 'heading-8-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "letterSpacing": "0.25px", "lineHeight": "20px", "fontWeight": 500 },
27
- 'heading-9-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "letterSpacing": "0.35px", "lineHeight": "15px", "fontWeight": 500 },
28
- 'heading-9-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "letterSpacing": "0.35px", "lineHeight": "16px", "fontWeight": 500 }
4
+ 'display-1-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "80px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "96px" },
5
+ 'display-1-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "100px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "115px" },
6
+ 'display-2-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "72px" },
7
+ 'display-2-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "80px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "96px" },
8
+ 'display-3-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "56px" },
9
+ 'display-3-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "72px" },
10
+ 'heading-1-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
11
+ 'heading-1-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
12
+ 'heading-10': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "fontWeight": 500, "letterSpacing": "0.35px", "lineHeight": "15px" },
13
+ 'heading-2-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
14
+ 'heading-2-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
15
+ 'heading-3-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
16
+ 'heading-3-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
17
+ 'heading-4-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
18
+ 'heading-4-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
19
+ 'heading-5-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
20
+ 'heading-5-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "0px" },
21
+ 'heading-6-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "22px" },
22
+ 'heading-6-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "24px" },
23
+ 'heading-7-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "20px" },
24
+ 'heading-7-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "22px" },
25
+ 'heading-8-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 500, "letterSpacing": "0.35px", "lineHeight": "16px" },
26
+ 'heading-8-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 500, "letterSpacing": "0.25px", "lineHeight": "20px" },
27
+ 'heading-9-mobile': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "fontWeight": 500, "letterSpacing": "0.35px", "lineHeight": "15px" },
28
+ 'heading-9-desktop': { "fontFamily": "'Sharp Grotesk Cyr Medium 22', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 500, "letterSpacing": "0.35px", "lineHeight": "16px" }
29
29
  };
30
30
  exports.default = tokens;
package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ export interface TypographyTokens {
2
+ [key: string]: {
3
+ fontFamily: string;
4
+ fontSize: string;
5
+ fontStyle?: string;
6
+ fontWeight?: number;
7
+ fontWidth?: number;
8
+ letterSpacing: string;
9
+ lineHeight: string;
10
+ slant?: number;
11
+ };
12
+ }
13
+ declare const tokens: TypographyTokens;
14
+ export default tokens;
15
+ //# sourceMappingURL=typography-gsf.d.ts.map
package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography-gsf.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/mindvalley/typography-gsf.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,QAAA,MAAM,MAAM,EAAE,gBAyEb,CAAA;AAED,eAAe,MAAM,CAAA"}
package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.js ADDED
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tokens = {
4
+ 'body': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px" },
5
+ 'body-2xs': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "14px" },
6
+ 'body-3xs': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "8px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "12px" },
7
+ 'body-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px" },
8
+ 'body-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontStyle": "italic", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px", "slant": -10 },
9
+ 'body-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontStyle": "italic", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px", "slant": -10 },
10
+ 'body-large': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "30px" },
11
+ 'body-large-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "30px" },
12
+ 'body-large-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "fontStyle": "italic", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "30px", "slant": -10 },
13
+ 'body-large-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "fontStyle": "italic", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "30px", "slant": -10 },
14
+ 'body-small': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px" },
15
+ 'body-small-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px" },
16
+ 'body-small-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontStyle": "italic", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px", "slant": -10 },
17
+ 'body-small-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontStyle": "italic", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px", "slant": -10 },
18
+ 'body-xs': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "16px" },
19
+ 'body-xs-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontStyle": "italic", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "16px", "slant": -10 },
20
+ 'button-text': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "20px" },
21
+ 'button-text-medium': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "18px" },
22
+ 'button-text-small': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "16px" },
23
+ 'caption-disclaimer': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "16px" },
24
+ 'overline-text': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.4px", "lineHeight": "20px" },
25
+ 'timer-text': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "44px", "fontWeight": 400, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "52px" },
26
+ 'timer-text-medium': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 400, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "44px" },
27
+ 'timer-text-small': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 400, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "34px" },
28
+ 'title-bold-1-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "40px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "56px" },
29
+ 'title-bold-1-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "56px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "56px" },
30
+ 'title-bold-1-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "72px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "80px" },
31
+ 'title-bold-10-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
32
+ 'title-bold-10-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
33
+ 'title-bold-11-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
34
+ 'title-bold-11-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
35
+ 'title-bold-2-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "44px" },
36
+ 'title-bold-2-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "44px" },
37
+ 'title-bold-2-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "68px" },
38
+ 'title-bold-3-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "30px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "36px" },
39
+ 'title-bold-3-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "36px" },
40
+ 'title-bold-3-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "56px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "56px" },
41
+ 'title-bold-4-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "34px" },
42
+ 'title-bold-4-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "30px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "34px" },
43
+ 'title-bold-4-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "44px" },
44
+ 'title-bold-5-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "30px" },
45
+ 'title-bold-5-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "26px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "30px" },
46
+ 'title-bold-5-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "30px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "34px" },
47
+ 'title-bold-6-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "0px" },
48
+ 'title-bold-6-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "0px" },
49
+ 'title-bold-7-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "0px" },
50
+ 'title-bold-7-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "0px" },
51
+ 'title-bold-8-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
52
+ 'title-bold-8-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
53
+ 'title-bold-9-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
54
+ 'title-bold-9-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "fontWeight": 600, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "0px" },
55
+ 'title-1-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "44px" },
56
+ 'title-1-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "40px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "44px" },
57
+ 'title-1-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "60px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "68px" },
58
+ 'title-10': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "14px" },
59
+ 'title-11': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "8px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "12px" },
60
+ 'title-2-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "40px" },
61
+ 'title-2-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "36px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "40px" },
62
+ 'title-2-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "48px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "56px" },
63
+ 'title-3-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "36px" },
64
+ 'title-3-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "36px" },
65
+ 'title-3-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "40px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "-0.25px", "lineHeight": "44px" },
66
+ 'title-4-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "26px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "30px" },
67
+ 'title-4-tablet': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "28px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "30px" },
68
+ 'title-4-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "32px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "36px" },
69
+ 'title-5-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "22px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "24px" },
70
+ 'title-5-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "24px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0px", "lineHeight": "30px" },
71
+ 'title-6-mobile': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "22px" },
72
+ 'title-6-desktop': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "24px" },
73
+ 'title-7': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "20px" },
74
+ 'title-8': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "18px" },
75
+ 'title-9': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 500, "fontWidth": 100, "letterSpacing": "0.2px", "lineHeight": "16px" }
76
+ };
77
+ exports.default = tokens;
package/dist/tailwind/plugins/tokens/mindvalley/typography.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/mindvalley/typography.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;QAChB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAED,QAAA,MAAM,MAAM,EAAE,gBA6Db,CAAA;AAED,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tailwind/plugins/tokens/mindvalley/typography.ts"],"names":[],"mappings":"AAgBA,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,UAAU,EAAE,MAAM,CAAA;QAClB,QAAQ,EAAE,MAAM,CAAA;QAChB,aAAa,EAAE,MAAM,CAAA;QACrB,UAAU,EAAE,MAAM,CAAA;QAClB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AAED,QAAA,MAAM,MAAM,EAAE,gBAqab,CAAA;AAED,eAAe,MAAM,CAAA"}