@mindvalley/design-system 4.0.0 → 4.1.0

package/CHANGELOG.md

@@ -1,282 +1,121 @@
-# [4.0.0](https://github.com/mindvalley/mv-design-system/compare/v3.4.2...v4.0.0) (2025-11-20)
+# [4.1.0](https://github.com/mindvalley/mv-design-system/compare/v4.0.1...v4.1.0) (2026-01-23)
 
 
 ### Bug Fixes
 
-* Add typography font loading and generation utilities ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* **tokens:** Correct color token opacity notation ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* Correct typography for Mindvalley tokens ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* Token filters ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* Update color categories filter and naming transforms for grey tokens ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* Use sentence-case in auto-format workflow commit message ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-
-
-### Code Refactoring
-
-* **style-dictionary:** Fix directory name typo and reorganize structure ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-
-
-* CRF-928: Update Mindvalley brand tokens  (#132) ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae)), closes [#132](https://github.com/mindvalley/mv-design-system/issues/132)
+* Improve fontFamily regex extraction for TypeScript format ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
+* **tokens:** Include paragraphIndent and paragraphSpacing in output ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
+* Patched b2b back colors to how they were in v3.4.2 ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
+* **tokens:** Resolve merge conflict with correct numeric fontWeight values ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
+* Update fontWidth to 100 for button, timer, and caption styles ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
 
 
 ### Features
 
-* **tokens:** Add color subcategory filtering ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* Add lineHeightToRem function for converting line height values ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* **tokens:** Add theme filtering for color tokens ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* **tokens:** Update Style Dictionary v5 type interfaces ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-* **build:** Upgrade to Style Dictionary v5 and update build system ([1ac5359](https://github.com/mindvalley/mv-design-system/commit/1ac5359270a8b8ecfda272728f20654e7c881aae))
-
-
-### BREAKING CHANGES
-
-* Import paths have changed from style-dictonary to style-dictionary
-
-* feat(build): Upgrade to Style Dictionary v5 and update build system
-
-- Update to Style Dictionary v5 API with async/await support
-- Replace deprecated SD.buildAllPlatforms() with platform-specific builds
-- Add new preprocessors for typography tokens
-- Implement error handling for build failures
-- Update import to use new modular style-dictionary structure
-- Add explicit platform definitions with proper transform chains
-* Build system now requires Style Dictionary v5
-
-* feat(tokens): Add theme filtering for color tokens
-
-Add color-base-theme filter to remove duplicate responsive theme variants
-(desktop/tablet/mobile) from color token output. Currently filters to 'base'
-theme only since all variants contain identical values.
-
-- Add color-base-theme.ts with theme filtering logic
-- Use constants pattern for maintainability and future extensibility
-- Register filter in filters/index.ts
-
-This establishes foundation for future light/dark theme support by updating
-INCLUDED_COLOR_THEMES constant to ['base', 'light', 'dark'].
-
-* feat(tokens): Add color subcategory filtering
-
-Add color-categories filter to include only specific color subcategories
-(accent and colors) in the build output, excluding 11 other subcategories
-like primary, secondary, backgrounds, etc.
-
-- Add color-categories.ts with subcategory filtering logic
-- Follow brand-typography.ts pattern for consistency
-- Use constants for type-safe filtering
-- Register filter in filters/index.ts
-
-This reduces the number of color tokens in the output to only those
-needed by consumers.
-
-* fix(tokens): Correct color token opacity notation
-
-Transform opacity segments from hyphenated format (18-a) to concatenated format (18a).
-This ensures consistent token naming and prevents build issues with opacity values.
-
-* feat(tokens): Update Style Dictionary v5 type interfaces
-
-Update build configuration to use correct Style Dictionary v5 TypeScript interfaces.
-This ensures type safety and compatibility with the new filter system.
-
-* docs(tokens): Add color aliasing strategy guide
-
-Document the strategy for handling future color token aliasing when Supernova
-switches from direct values to reference-based formats. Includes implementation
-options, migration path, and Style Dictionary utility usage examples.
-
-* test(tokens): Fix naming transform tests for theme suffix removal
-
-Update test cases to include theme suffix in token paths (base) to match
-actual token structure. Add test case for opacity notation fix (18-a → 18a).
-
-* refactor(transforms): Rename responsiveTypography to kebab-case
-
-Rename transform file from responsiveTypography.ts to responsive-typography.ts
-for consistency with project naming conventions.
-
-* refactor(types): Add proper TypeScript interfaces for typography tokens
-
-Replace 'any' types with proper interfaces for typography token structure:
-- Add TokenWithPreprocessorFields for preprocessor-added fields
-- Add TypographyOriginalValue and TypographyTokenValue interfaces
-- Add MeasureValue interface for nested value structures
-- Update brand-typography filter with proper typing
-
-* refactor(validation): Improve token schema validation with better types
-
-Update Zod schemas and validation utilities:
-- Add proper TypeScript types for validation results
-- Improve schema structure for typography tokens
-- Better error handling and type safety
-
-* refactor(constants): Reorganize Style Dictionary constants
+* **style-dictionary:** Add tablet breakpoint output ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
+* **build:** Configure GSF typography output path ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
+* **tailwind:** Create typography-gsf plugin with 3-tier responsive support ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
 
-- Remove excluded-tokens.ts (no longer needed)
-- Add typography/filter-config.ts for centralized filter configuration
-- Update index.ts exports to reflect new structure
 
-* refactor(preprocessors): Improve typography description preprocessor
+### Reverts
 
-Update preprocessor with better type safety and cleaner logic for
-extracting and formatting typography token descriptions.
+* **style-dictionary:** Restore typography description-to-comment preprocessor ([3ae8fde](https://github.com/mindvalley/mv-design-system/commit/3ae8fde443bbd1e60266b7662c88f77eb5158ea7))
 
-* build(tokens): Regenerate typography tokens with updated pipeline
-
-Rebuild typography tokens using updated Style Dictionary v5 configuration:
-- Cleaner token structure with proper formatting
-- Improved type safety
-- Better documentation comments
-
-* refactor(tailwind): Update typography plugin imports
-
-Update Tailwind typography plugin to use new token file structure.
-
-* style(tests): Format test files with Biome
-
-Apply Biome formatting to all test files for consistency.
-Some forEach callback return warnings remain (safe to ignore in tests).
-
-* chore(config): Update project configuration files
-
-- Format CLAUDE.md documentation with consistent spacing
-- Update .markdownlint.json rules
-- Refine jest.config.js and tsconfig.build.json settings
-
-* docs: Add Style Dictionary v5 migration documentation
-
-Add comprehensive documentation for:
-- B2B typography changes and migration guide
-- Mindvalley typography changes and migration guide
-- Typography token pipeline documentation
-- Color theming migration strategy
-
-* chore: update Mindvalley design tokens
-
-* chore: update B2B design tokens
-
-* chore: update B2B design tokens
-
-* chore: update Mindvalley design tokens
-
-* chore: update B2B design tokens
-
-* chore: update Mindvalley design tokens
-
-* chore: update Mindvalley design tokens
-
-* chore: Update @biomejs/biome and related dependencies to version 2.3.4
-
-- Updated schema version in biome.json to 2.3.4.
-- Updated @biomejs/biome and its CLI dependencies in package.json and package-lock.json to version 2.3.4 for consistency and compatibility.
-
-* chore: Apply formatting fixes to config and token files
-
-- Add trailing newlines to all token JSON files (21 files)
-- Format babel.config.js with consistent spacing and trailing commas
-- Remove trailing semicolon from babel.config.js
-
-All changes are formatting-only with no functional impact.
-
-* refactor: Simplify typography plugin import and configuration in plugin.helpers.ts
-
-- Consolidated typography plugin import statement.
-- Streamlined the configuration setup for generating plugin CSS by removing unnecessary try-catch block.
-- Ensured consistent formatting and readability of the code.
-
-* chore: Update Jest configuration to ignore TypeScript declaration files and add test-utils path mapping
-
-- Removed temporary path ignore for '.conductor/' and added ignore for TypeScript declaration files (\\.d\\.ts$).
-- Added path mapping for test utilities to streamline test imports.
-
-* build: Update TypeScript configuration files to enhance module resolution and include additional paths
-
-- Modified tsconfig.build.json to include JavaScript files from the build directory and TypeScript files from the tailwind plugins directory.
-- Updated tsconfig.json to remove the rootDir setting, include test files, and add path mapping for test utilities.
-- Enhanced tsconfig.test.json with baseUrl and path mappings for better module resolution in tests.
-
-* fix: Correct typography for Mindvalley tokens
+# Changelog
 
-- Updated the description for multiple typography tokens from "Sharp Grotesk Cyr Semibold 21" to "Sharp Grotesk Cyr Semibold 20" to ensure accuracy in design specifications.
+All notable changes to this project will be documented in this file.
 
-* build: Style dictionary tooling
+## [4.0.1](https://github.com/mindvalley/mv-design-system/compare/v4.0.0...v4.0.1) (2026-01-05)
 
-* refactor: Typography formatter utilities
+### Bug Fixes
 
-* refactor: Typography transforms
+* 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))
 
-* fix: Token filters
+# [4.0.0](https://github.com/mindvalley/mv-design-system/compare/v3.4.2...v4.0.0) (2025-11-20)
 
-* refactor: Token schemas
+### ✨ Features
 
-* test: Utility coverage
+* **Typography Font Loading**: New utility to generate `@font-face` CSS declarations for typography tokens
+  * Automatic font-face generation for both Mindvalley and B2B brands
+  * Outputs CSS, JS, and TypeScript declaration files
+  * Maps Sharp Grotesk fonts to Fastly CDN URLs
+  * See [Typography Font Loading Guide](./docs/typography-fonts.md) for usage
+  * New exports: `@mindvalley/design-system/typography/mindvalley/fonts.css` and `/b2b/fonts.css`
 
-* chore: Regenerate typography tokens
+### 📝 Typography Changes
 
-* docs: Typography weights
+#### Mindvalley Brand
 
-* docs: Remove outdated typography and color theming documentation
+**New Typography Tokens:**
 
-- Deleted temporary documentation files for B2B and Mindvalley typography changes, color theming migration, color token aliasing strategy, and design token validation, as they are no longer relevant or needed.
-- Ensured that all references to these documents are removed to maintain clarity in the documentation structure.
+| Token | Font Family | Size | Letter Spacing | Line Height | Weight |
+|-------|-------------|------|----------------|-------------|--------|
+| `body-italic` | Sharp Grotesk Cyr Book Itl 19 | 16px | 0.35px | 24px | 400 |
+| `body-large-italic` | Sharp Grotesk Cyr Book Itl 19 | 20px | 0.25px | 30px | 400 |
+| `body-small-italic` | Sharp Grotesk Cyr Book Itl 19 | 14px | 0.35px | 20px | 400 |
+| `body-xs-italic` | Sharp Grotesk Cyr Book 19 | 12px | 0.35px | 16px | 400 |
+| `body-xs` | Sharp Grotesk Cyr Book 19 | 12px | 0.35px | 16px | 400 |
+| `body-large-bold` | Sharp Grotesk Cyr Medium 19 | 20px | 0.25px | 30px | 500 |
 
-* refactor: Update TypeScript imports for Style Dictionary compatibility
+**Font Family Corrections:**
 
-- Adjusted TypeScript import statements in various files to comply with TypeScript 5.8+ requirements, utilizing resolution-mode for ES module type imports in CommonJS.
-- Reorganized exports in index.d.ts to streamline type definitions and ensure proper re-exporting of tokens and schemas.
+| Token | Before | After |
+|-------|--------|-------|
+| All `title-bold-*` variants | Sharp Grotesk Cyr Semibold **21** | Sharp Grotesk Cyr Semibold **20** |
+| `body-bold` | Sharp Grotesk Cyr Semibold 20 | Sharp Grotesk Cyr Medium 19 |
+| `body-small-bold` | Sharp Grotesk Cyr Semibold 20 | Sharp Grotesk Cyr Medium 19 |
 
-* chore: Regenerate typography tokens after merge
+**Line Height Updates:**
 
-* chore: Update package dependencies and TypeScript configuration
+| Token | Before | After | Notes |
+|-------|--------|-------|-------|
+| `title-2-mobile` | 38px | 40px | Increased spacing |
+| `title-4-desktop` | 34px | 36px | Increased spacing |
+| `title-bold-6` through `title-bold-11` | Various | 0px | Browser-calculated (mobile & desktop) |
 
-- Added @types/svg-sprite and @types/expect to package.json and package-lock.json.
-- Included @types/vinyl in package-lock.json with its dependencies.
-- Modified tsconfig.json to exclude __tests__ from the include path.
+**Token Consolidation:**
 
-* refactor: Enhance SVG sprite configuration and type definitions
+* `title-7`, `title-8`, `title-9`, `title-10`, `title-11`: Merged from separate mobile/desktop variants into single responsive tokens
 
-- Updated the import statement for SVGSpriter to include its Config type.
-- Refactored the SvgSpriteConfig interface to use Partial<SVGSpriterConfig>.
-- Simplified the SVG transformation process by removing redundant transformations.
-- Added a JSDoc comment for the replaceSvgFillColorWithCurrent function to improve documentation clarity.
+#### B2B Brand
 
-* docs: Remove CLAUDE.md file containing project guidance and documentation
+**Line Height Updates:**
 
-- Deleted the CLAUDE.md file, which provided comprehensive guidance on the Mindvalley Design System, including project overview, key commands, architecture, and TypeScript migration notes.
+| Token | Before | After | Notes |
+|-------|--------|-------|-------|
+| `heading-1` through `heading-5` | Various | 0px | Browser-calculated (mobile & desktop) |
+| `display-3-mobile` | 58px | 56px | Reduced spacing |
 
-* fix: Update color categories filter and naming transforms for grey tokens
+**Token Consolidation:**
 
-- Enhanced the color categories filter to include all tokens in the 'grey' color group, allowing "black" and "white".
-- Modified naming transforms to handle special cases for grey tokens, ensuring "grey.black" and "grey.white" are output as "black" and "white" without prefixes.
+* `heading-9`, `heading-10`: Merged from separate mobile/desktop variants into single responsive tokens
 
-* fix: Add typography font loading and generation utilities
+**Font Weight Addition:**
 
-- Implemented a new utility to generate @font-face CSS declarations for typography tokens, mapping font families to CDN URLs.
-- Updated the build script to generate font face CSS files during the token build process.
-- Added comprehensive documentation on loading typography fonts across various frameworks, including usage examples for Mindvalley and B2B brands.
-- Enhanced package.json to include new typography output paths for TypeScript definitions and JavaScript modules.
+* All B2B typography tokens now include explicit `fontWeight: 500`
 
-* test: Fix color token naming tests to preserve opacity suffixes
+### 🔧 Code Quality
 
-- Updated tests to expect 'black-0a' and 'white-0a' instead of stripping the suffix
-- These tokens should preserve their opacity notation for proper color variants
-- All 386 tests now passing
+* **TypeScript**: Comprehensive type improvements throughout the codebase
+  * Proper interfaces for typography tokens (no more `any` types)
+  * Enhanced Zod schema validation
+  * Better type safety for Style Dictionary v5 APIs
+* **Testing**: All 386 tests passing with updated expectations for opacity suffixes
+* **Formatting**: Applied Biome 2.3.4 formatting across all files
 
-* fix: Use sentence-case in auto-format workflow commit message
+### 📚 Documentation
 
-- Changed 'auto-format' to 'Auto-format' to comply with commitlint rules
-- Fixes automated workflow commit message validation failures
+* Added comprehensive [Typography Font Loading Guide](./docs/typography-fonts.md) with framework examples (Next.js, Vite, Vue, Phoenix, etc.)
+* Updated USAGE.md with new font loading instructions
 
-* chore: Auto-format design token updates
+### 📦 Package Updates
 
-Applied Biome formatting to ensure consistency across token files.
-This is an automated formatting commit.
-* **style-dictionary:** Import paths have changed from style-dictonary to style-dictionary
-* **build:** Build system now requires Style Dictionary v5
+* Updated `@biomejs/biome` to 2.3.4
+* Enhanced package.json exports for typography font files
 
-# Changelog
+### ⚠️ Breaking changes
 
-All notable changes to this project will be documented in this file.
+* Reported b2b colors issues. Fixed in v.4.0.1.
 
 ## [3.4.2](https://github.com/mindvalley/mv-design-system/compare/v3.4.1...v3.4.2) (2025-10-22)
 

package/README.md

@@ -9,10 +9,9 @@
   </a>
 </p>
 
-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.
-The design system has the Mindvalley Design Language as its foundation.
+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.
 
-**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.
+**Built with TypeScript** for type safety and better developer experience, it speeds cross-brand UI development while maintaining quality and accessibility.
 
 #### Key Features
 
@@ -24,30 +23,27 @@ The design system has the Mindvalley Design Language as its foundation.
 
 #### Getting started
 
-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:
+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)
+and access will be granted.
 
-1. The [usage guide](docs/USAGE.md), if you want to start using the design system in your project/repo (includes TypeScript examples).
-2. The [contribution](docs/CONTRIBUTION.md) and [release](docs/RELEASING.md) guides if you want to contribute to the repo.
-3. The [token validation guide](docs/token-validation.md) for understanding how Zod validates design tokens with TypeScript.
+Then, you can read the following guides:
 
-*Note:*
-From this point onwards, there will be continous mention of the word *token(s)* or *design token(s)*.
-Get an understanding of what they are here 👉 [what are design tokens?](https://css-tricks.com/what-are-design-tokens/)
+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).
+2. The [contribution](CONTRIBUTING.md) and [release](docs/releasing.md) guides if you want to contribute to the repo.
 
-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)
-and access will be granted.
+*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/)
 
 #### :books: Usage
 
-See the comprehensive [usage guide](docs/USAGE.md).
+See the comprehensive [usage guide](docs/usage.md).
 
 #### 🙌 Contributing
 
-Read about the development process in the [contribution guide](docs/CONTRIBUTION.md).
+Read about the development process in the [contribution guide](CONTRIBUTING.md).
 
 #### 🚀 Releasing and publishing changes
 
-You can find docs about our release process in the [release guide](docs/RELEASING.md).
+You can find docs about our release process in the [release guide](docs/releasing.md).
 
 #### ⚙️ Support
 
@@ -56,8 +52,6 @@ You can find docs about our release process in the [release guide](docs/RELEASIN
 * TypeScript and JavaScript projects
 * CommonJS and ES modules
 
-####
-
 ## 🤷🏽‍♂️ Need Help?
 
 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/b2b.d.ts

@@ -4,46 +4,27 @@ export interface ColorTokens {
 export declare const colors: ColorTokens;
 declare const _default: {
     colors: {
-        "black-0a": string;
-        "black-12a": string;
-        "black-18a": string;
-        "black-24a": string;
-        "black-4a": string;
-        "black-40a": string;
-        "black-50a": string;
-        "black-6a": string;
-        "black-60a": string;
-        "black-70a": string;
-        "black-8a": string;
-        "black-80a": string;
-        "black-90a": string;
-        "purple-500-20a": string;
-        "purple-500-90a": string;
-        "purple-600-10a": string;
-        "purple-tint": string;
-        "white-0a": string;
-        "white-12a": string;
-        "white-18a": string;
-        "white-24a": string;
-        "white-4a": string;
-        "white-40a": string;
-        "white-50a": string;
-        "white-6a": string;
-        "white-60a": string;
-        "white-70a": string;
-        "white-8a": string;
-        "white-80a": string;
-        "white-90a": string;
-        "aqua-50": string;
-        "aqua-100": string;
-        "aqua-200": string;
-        "aqua-300": string;
-        "aqua-400": string;
-        "aqua-500": string;
-        "aqua-600": string;
-        "aqua-700": string;
-        "aqua-800": string;
-        "aqua-900": string;
+        "brown-12a": string;
+        "brown-24a": string;
+        "brown-8a": string;
+        "brown-90a": string;
+        "dark-brown-12a": string;
+        "dark-brown-24a": string;
+        "dark-brown-4a": string;
+        "dark-brown-8a": string;
+        "dark-brown-80a": string;
+        "purple-12a": string;
+        "purple-18a": string;
+        "purple-28a": string;
+        "purple-4a": string;
+        "purple-70a": string;
+        "purple-8a": string;
+        "red-12a": string;
+        "red-18a": string;
+        "red-28a": string;
+        "red-4a": string;
+        "red-70a": string;
+        "red-8a": string;
         "blue-50": string;
         "blue-100": string;
         "blue-200": string;
@@ -54,51 +35,16 @@ declare const _default: {
         "blue-700": string;
         "blue-800": string;
         "blue-900": string;
-        "green-50": string;
-        "green-100": string;
-        "green-200": string;
-        "green-300": string;
-        "green-400": string;
-        "green-500": string;
-        "green-600": string;
-        "green-700": string;
-        "green-800": string;
-        "green-900": string;
-        "grey-100": string;
-        "grey-150": string;
-        "grey-200": string;
-        "grey-250": string;
-        "grey-300": string;
-        "grey-350": string;
-        "grey-400": string;
-        "grey-450": string;
-        "grey-500": string;
-        "grey-550": string;
-        "grey-600": string;
-        "grey-650": string;
-        "grey-700": string;
-        black: string;
-        white: string;
-        "orange-50": string;
-        "orange-100": string;
-        "orange-200": string;
-        "orange-300": string;
-        "orange-400": string;
-        "orange-500": string;
-        "orange-600": string;
-        "orange-700": string;
-        "orange-800": string;
-        "orange-900": string;
-        "pink-50": string;
-        "pink-100": string;
-        "pink-200": string;
-        "pink-300": string;
-        "pink-400": string;
-        "pink-500": string;
-        "pink-600": string;
-        "pink-700": string;
-        "pink-800": string;
-        "pink-900": string;
+        "brown-50": string;
+        "brown-100": string;
+        "brown-200": string;
+        "brown-300": string;
+        "brown-400": string;
+        "brown-500": string;
+        "brown-600": string;
+        "brown-700": string;
+        "brown-800": string;
+        "brown-900": string;
         "purple-50": string;
         "purple-100": string;
         "purple-200": string;
@@ -129,16 +75,6 @@ declare const _default: {
         "teal-700": string;
         "teal-800": string;
         "teal-900": string;
-        "yellow-50": string;
-        "yellow-100": string;
-        "yellow-200": string;
-        "yellow-300": string;
-        "yellow-400": string;
-        "yellow-500": string;
-        "yellow-600": string;
-        "yellow-700": string;
-        "yellow-800": string;
-        "yellow-900": string;
     };
 };
 export default _default;

package/dist/b2b.d.ts.map

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

package/dist/b2b.js

@@ -1,2 +1,2 @@
-!function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a():"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?exports.mvDesignSystem=a():e.mvDesignSystem=a()}(this,(()=>(()=>{var e={875:e=>{e.exports={"black-0a":"rgba(0, 0, 0, 0)","black-12a":"rgba(0, 0, 0, 0.12)","black-18a":"rgba(0, 0, 0, 0.18)","black-24a":"rgba(0, 0, 0, 0.24)","black-4a":"rgba(0, 0, 0, 0.04)","black-40a":"rgba(0, 0, 0, 0.4)","black-50a":"rgba(0, 0, 0, 0.5)","black-6a":"rgba(0, 0, 0, 0.06)","black-60a":"rgba(0, 0, 0, 0.6)","black-70a":"rgba(0, 0, 0, 0.7)","black-8a":"rgba(0, 0, 0, 0.08)","black-80a":"rgba(0, 0, 0, 0.8)","black-90a":"rgba(0, 0, 0, 0.9)","purple-500-20a":"rgba(186, 98, 253, 0.2)","purple-500-90a":"rgba(186, 98, 253, 0.9)","purple-600-10a":"rgba(122, 18, 212, 0.1)","purple-tint":"#9b37f2","white-0a":"rgba(255, 255, 255, 0)","white-12a":"rgba(255, 255, 255, 0.12)","white-18a":"rgba(255, 255, 255, 0.18)","white-24a":"rgba(255, 255, 255, 0.24)","white-4a":"rgba(255, 255, 255, 0.04)","white-40a":"rgba(255, 255, 255, 0.4)","white-50a":"rgba(255, 255, 255, 0.5)","white-6a":"rgba(255, 255, 255, 0.06)","white-60a":"rgba(255, 255, 255, 0.6)","white-70a":"rgba(255, 255, 255, 0.7)","white-8a":"rgba(255, 255, 255, 0.08)","white-80a":"rgba(255, 255, 255, 0.8)","white-90a":"rgba(255, 255, 255, 0.9)","aqua-50":"#eaf7ff","aqua-100":"#dff4ff","aqua-200":"#caecff","aqua-300":"#a0ddff","aqua-400":"#76ceff","aqua-500":"#2cb3ff","aqua-600":"#1b9ce6","aqua-700":"#1785c3","aqua-800":"#126596","aqua-900":"#0c4668","blue-50":"#ebf5ff","blue-100":"#e0f0ff","blue-200":"#cce6ff","blue-300":"#a3d3ff","blue-400":"#7abfff","blue-500":"#329dff","blue-600":"#005cff","blue-700":"#1c3bd4","blue-800":"#1832b4","blue-900":"#12268a","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","grey-100":"#f9f9f9","grey-150":"#f3f4f6","grey-200":"#ebedef","grey-250":"#dfe1e5","grey-300":"#ced1d7","grey-350":"#b3b8c1","grey-400":"#979ca5","grey-450":"#71767f","grey-500":"#595e67","grey-550":"#41464f","grey-600":"#292d38","grey-650":"#181d26","grey-700":"#0f131a",black:"#000000",white:"#ffffff","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","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-50":"#f8efff","purple-100":"#f5e7ff","purple-200":"#eed8fe","purple-300":"#e0b8fe","purple-400":"#d299fe","purple-500":"#9b37f2","purple-600":"#7a12d4","purple-700":"#680fb4","purple-800":"#4f0c8a","purple-900":"#37085f","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","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","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"}}},a={};function f(r){var b=a[r];if(void 0!==b)return b.exports;var l=a[r]={exports:{}};return e[r](l,l.exports,f),l.exports}var r={};return(()=>{"use strict";var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.colors=void 0;const a=f(875);e.colors=a,e.default={colors:a}})(),r})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.mvDesignSystem=r():e.mvDesignSystem=r()}(this,(()=>(()=>{var e={875:e=>{e.exports={"brown-12a":"rgba(249, 248, 244, 0.12)","brown-24a":"rgba(249, 248, 244, 0.24)","brown-8a":"rgba(249, 248, 244, 0.08)","brown-90a":"rgba(249, 248, 244, 0.9)","dark-brown-12a":"rgba(135, 121, 111, 0.12)","dark-brown-24a":"rgba(135, 121, 111, 0.24)","dark-brown-4a":"rgba(135, 121, 111, 0.04)","dark-brown-8a":"rgba(135, 121, 111, 0.08)","dark-brown-80a":"rgba(135, 121, 111, 0.8)","purple-12a":"rgba(158, 148, 241, 0.12)","purple-18a":"rgba(158, 148, 241, 0.18)","purple-28a":"rgba(158, 148, 241, 0.28)","purple-4a":"rgba(158, 148, 241, 0.04)","purple-70a":"rgba(158, 148, 241, 0.7)","purple-8a":"rgba(158, 148, 241, 0.08)","red-12a":"rgba(255, 109, 92, 0.12)","red-18a":"rgba(255, 109, 92, 0.18)","red-28a":"rgba(255, 109, 92, 0.28)","red-4a":"rgba(255, 109, 92, 0.04)","red-70a":"rgba(255, 109, 92, 0.7)","red-8a":"rgba(255, 109, 92, 0.08)","blue-50":"#f0f6fe","blue-100":"#dce9fd","blue-200":"#c2dafb","blue-300":"#98c3f8","blue-400":"#67a3f3","blue-500":"#4380ee","blue-600":"#3165e3","blue-700":"#204bb4","blue-800":"#192e75","blue-900":"#121f54","brown-50":"#f9f8f4","brown-100":"#f3efe9","brown-200":"#ede6de","brown-300":"#d4c5ba","brown-400":"#ae9f95","brown-500":"#87796f","brown-600":"#6f635c","brown-700":"#574e48","brown-800":"#3f3835","brown-900":"#272221","purple-50":"#f5f4fe","purple-100":"#ecebfc","purple-200":"#dad9fb","purple-300":"#bfbbf7","purple-400":"#9e94f1","purple-500":"#7e68ea","purple-600":"#664bdd","purple-700":"#4d2dab","purple-800":"#40268c","purple-900":"#26175e","red-50":"#fff2f1","red-100":"#ffe4e2","red-200":"#ffada7","red-300":"#ff8d82","red-400":"#ff6d5c","red-500":"#e85546","red-600":"#d03c2f","red-700":"#a83126","red-800":"#782b24","red-900":"#41120e","teal-50":"#f1fcfb","teal-100":"#d1f6f3","teal-200":"#a3ece8","teal-300":"#6ddbda","teal-400":"#3cbcbe","teal-500":"#25a4a7","teal-600":"#1b8186","teal-700":"#1a6367","teal-800":"#194448","teal-900":"#09252a"}}},r={};function a(b){var f=r[b];if(void 0!==f)return f.exports;var d=r[b]={exports:{}};return e[b](d,d.exports,a),d.exports}var b={};return(()=>{"use strict";var e=b;Object.defineProperty(e,"__esModule",{value:!0}),e.colors=void 0;const r=a(875);e.colors=r,e.default={colors:r}})(),b})()));
 //# sourceMappingURL=b2b.js.map