@mindvalley/design-system 4.7.0 → 4.8.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 (5) hide show
  1. package/CHANGELOG.md +49 -6
  2. package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.js +6 -6
  3. package/dist/tailwind/plugins/typography-gsf.d.ts.map +1 -1
  4. package/dist/tailwind/plugins/typography.d.ts.map +1 -1
  5. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,19 +1,62 @@
1
- # [4.7.0](https://github.com/mindvalley/mv-design-system/compare/v4.6.0...v4.7.0) (2026-05-25)
1
+ # Changelog
2
+
3
+ All notable changes to this project will be documented in this file.
4
+
5
+ # [4.8.0](https://github.com/mindvalley/mv-design-system/compare/v4.7.0...v4.8.0) (2026-06-24)
2
6
 
3
7
 
4
8
  ### Bug Fixes
5
9
 
6
- * **components:** Reapply CRF-861 cleanups to CRF-1170 chip variants [CRF-1170] ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158)), closes [#6366f1](https://github.com/mindvalley/mv-design-system/issues/6366f1)
10
+ * **css:** Align brand button tokens with Figma dark UI variants [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
11
+ * **css:** Align disabled tokens with Figma per-shape treatment [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
12
+ * **css:** Align IconButton ghost and fit tokens with Figma [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
13
+ * **ci:** Build design system before Storybook deploy ([#183](https://github.com/mindvalley/mv-design-system/issues/183)) ([2a9f32c](https://github.com/mindvalley/mv-design-system/commit/2a9f32c7e8f6c5a141ffc3cc0afe0c24d34c727c))
14
+ * **vue:** Constrain the as prop story control to valid elements [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
15
+ * **react:** Forward Button icons into asChild slot content [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
16
+ * **react:** Narrow Button variant types to styled intent pairs [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
17
+ * **vue:** Narrow Button variant types to styled intent pairs [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
18
+ * **react:** Per-shape disabled styling and 2px brand outline [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
19
+ * **vue:** Per-shape disabled styling and 2px brand outline [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
20
+ * **typography:** Reduce body-bold weight to 600 after GSF update ([7416255](https://github.com/mindvalley/mv-design-system/commit/7416255005a87be008fbc1da33eeb046f01c59b5))
7
21
 
8
22
 
9
23
  ### Features
10
24
 
11
- * **vue-components:** Add Chip KeyboardInteractions story for autodocs [CRF-1170] ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158))
12
- * **components:** Make TagChipLarge an interactive toggle [CRF-1170] ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158))
25
+ * **react:** Add Button component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
26
+ * **vue:** Add Button component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
27
+ * **react:** Add IconButton component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
28
+ * **vue:** Add IconButton component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
29
+ * **react:** Add IconButton fit variant and drop ghost hover background [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
30
+ * **vue:** Add IconButton fit variant and drop ghost hover background [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
31
+ * **css:** Add T2 semantic and T3 component token layer [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
32
+ * **react:** Add Tooltip component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
33
+ * **vue:** Add Tooltip component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
34
+ * **react:** Add WebinarSignupButton component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
35
+ * **vue:** Add WebinarSignupButton component [CRF-844] ([3093016](https://github.com/mindvalley/mv-design-system/commit/3093016417ebc9955ad139951f6efde7057a7d58))
13
36
 
14
- # Changelog
37
+ # [4.7.0](https://github.com/mindvalley/mv-design-system/compare/v4.6.0...v4.7.0) - Sub-package changes (2026-05-25)
15
38
 
16
- All notable changes to this project will be documented in this file.
39
+ > These changes affect sub-packages still in development (`@mindvalley/react-components`, `@mindvalley/vue-components`) and Storybook tooling. No root package API or published asset path changed.
40
+
41
+ * **vue-components:** Refactor Chip and CategoryChip to native button semantics and add Chip keyboard interaction coverage ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158))
42
+ * **react-components, vue-components:** Make TagChipLarge an interactive toggle and carry CRF-861 chip cleanups into the new variants ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158))
43
+ * **storybook:** Build upstream packages before serving, isolate Vite optimizer caches, and tidy icon galleries and chip navigation ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158))
44
+ * **components:** Add package-local `@/*` aliases for the React and Vue component packages ([49a409c](https://github.com/mindvalley/mv-design-system/commit/49a409c3027b315395c9dfcce42cbc971367c158))
45
+
46
+ # [4.6.0](https://github.com/mindvalley/mv-design-system/compare/v4.5.0...v4.6.0) (2026-05-23)
47
+
48
+ ### Bug Fixes
49
+
50
+ * **icons:** Restore documented `@mindvalley/design-system/dist/brands/...` icon asset paths after the icons sub-package directory rename ([c8ae89b](https://github.com/mindvalley/mv-design-system/commit/c8ae89bf9f95fdb5a6f0f57b1a6dfc4359486b98))
51
+
52
+ ### Sub-package changes
53
+
54
+ > These changes affect sub-packages still in development (`@mindvalley/react-components`, `@mindvalley/vue-components`, `@mindvalley/icons`) and their Storybook apps. They are listed for visibility, but they are not new root package APIs.
55
+
56
+ * **react-components:** Bootstrap `@mindvalley/react-components` and add Chip, CategoryChip, TagChipLarge, and TagChipSmall ([c8ae89b](https://github.com/mindvalley/mv-design-system/commit/c8ae89bf9f95fdb5a6f0f57b1a6dfc4359486b98))
57
+ * **vue-components:** Add Badge component with semantic and palette colors ([b02786d](https://github.com/mindvalley/mv-design-system/commit/b02786d3025c2a89a545fbb27d10555540354c8a))
58
+ * **icons:** Keep clean internal icon package paths while preserving the root package published dist layout ([c8ae89b](https://github.com/mindvalley/mv-design-system/commit/c8ae89bf9f95fdb5a6f0f57b1a6dfc4359486b98))
59
+ * **storybook:** Wire React and Vue component storybooks for the new component packages ([b02786d](https://github.com/mindvalley/mv-design-system/commit/b02786d3025c2a89a545fbb27d10555540354c8a), [c8ae89b](https://github.com/mindvalley/mv-design-system/commit/c8ae89bf9f95fdb5a6f0f57b1a6dfc4359486b98))
17
60
 
18
61
  # [4.5.0](https://github.com/mindvalley/mv-design-system/compare/v4.4.0...v4.5.0) (2026-05-07)
19
62
 
package/dist/tailwind/plugins/tokens/mindvalley/typography-gsf.js CHANGED
@@ -4,17 +4,17 @@ const tokens = {
4
4
  'body': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px" },
5
5
  'body-2xs': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "10px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "14px" },
6
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 },
7
+ 'body-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontWeight": 600, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px" },
8
+ 'body-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "16px", "fontStyle": "italic", "fontWeight": 600, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "22px", "slant": -10 },
9
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
10
  'body-large': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "28px" },
11
- 'body-large-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "28px" },
12
- 'body-large-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontStyle": "italic", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "28px", "slant": -10 },
11
+ 'body-large-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontWeight": 600, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "28px" },
12
+ 'body-large-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontStyle": "italic", "fontWeight": 600, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "28px", "slant": -10 },
13
13
  'body-large-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "20px", "fontStyle": "italic", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "28px", "slant": -10 },
14
14
  'body-medium': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "18px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "24px" },
15
15
  'body-small': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px" },
16
- 'body-small-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 700, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px" },
17
- '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 },
16
+ 'body-small-bold': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontWeight": 600, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px" },
17
+ 'body-small-bold-italic': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "14px", "fontStyle": "italic", "fontWeight": 600, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "20px", "slant": -10 },
18
18
  '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 },
19
19
  'body-xs': { "fontFamily": "'Google Sans Flex', Helvetica, Arial, 'sans-serif'", "fontSize": "12px", "fontWeight": 400, "fontWidth": 92, "letterSpacing": "0.4px", "lineHeight": "16px" },
20
20
  '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 },
package/dist/tailwind/plugins/typography-gsf.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography-gsf.d.ts","sourceRoot":"","sources":["../../../src/tailwind/plugins/typography-gsf.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;CAC/B;AAeD,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC1E,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;;;;cAzCE,CAAC;;;;AAgPJ,wBAAmD"}
1
+ {"version":3,"file":"typography-gsf.d.ts","sourceRoot":"","sources":["../../../src/tailwind/plugins/typography-gsf.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;CAC/B;AAeD,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC1E,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;;;;cAzCE,CAAC;;;;AA+OJ,wBAAmD"}
package/dist/tailwind/plugins/typography.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/tailwind/plugins/typography.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;CAC/B;AAgBD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;;;;cApCE,CAAC;;;;AAoMJ,wBAAmD"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/tailwind/plugins/typography.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAA;CAC/B;AAgBD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAA;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;;;;cApCE,CAAC;;;;AAmMJ,wBAAmD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindvalley/design-system",
3
- "version": "4.7.0",
3
+ "version": "4.8.0",
4
4
  "description": "Resources, components, design guidelines and tooling for Mindvalley's design system",
5
5
  "keywords": [
6
6
  "design-system",
@@ -82,6 +82,7 @@
82
82
  "lint:fix": "biome lint --write ./src",
83
83
  "check": "biome check --write ./src",
84
84
  "check:ci": "biome ci ./src",
85
+ "check:enforcement": "pnpm exec tsx tools/lint/check-enforcement-fixtures.ts",
85
86
  "check:staged": "biome check --staged",
86
87
  "check:changed": "biome check --changed",
87
88
  "lint:md": "markdownlint-cli2 \"**/*.md\"",
@@ -103,7 +104,7 @@
103
104
  "@babel/preset-env": "^7.22.9",
104
105
  "@babel/preset-react": "^7.28.5",
105
106
  "@babel/preset-typescript": "^7.27.1",
106
- "@biomejs/biome": "^2.3.4",
107
+ "@biomejs/biome": "^2.4.0",
107
108
  "@commitlint/cli": "^17.7.1",
108
109
  "@commitlint/config-conventional": "^17.7.0",
109
110
  "@figma-export/cli": "^6.2.3",