improved
Introducing Design Tokens
June 19th, 2024
Features
- Design System Overhaul: Comprehensive redesign of the design system.
- Unique Naming Requirement: Ensured uniqueness in naming themes, projects, colors, etc.
- Design Tokens User Interface: User-friendly interface for managing design tokens.
- Design Tokens Code Generation/Core Functionality: Implemented code generation and core functionalities for design tokens.
- Advanced CSS Editor Integration: Enabled design tokens in the Advanced CSS Editor.
- JSON Format Design Token Import: Introduced the ability to import design tokens in JSON format.
- Selective Design System Element Hiding: Option to hide specific elements in the design system.
- Migration Script for Color Design Tokens: Developed a migration script for replacing theme colors with color design tokens.
- UI Enhancement for Color Tokens: Improved the user interface for color tokens.
- Design Token Refactoring: Refactored the design token architecture for better performance.
- Kajoo.css Settings Configuration: Added settings for kajoo.css file to capture design tokens.
Bug Fixes
- Theme Creation Issue: Fixed the problem of creating a new theme in a long list of themes.
- Theme Naming Corrections: Resolved issues related to theme naming.
- Project Breakage on Theme Change: Fixed the bug where changing a theme broke the associated project.
- Rendering Selection Issue with Sitecore: Resolved the problem of not being able to select a rendering when binding with Sitecore.
- Color Display Name Constraint: Updated the color display name to allow the use of dashes.
- Theme Naming Validation: Fixed validation issues related to theme naming.
- CSS Value Update Failure: Corrected the inability to update any CSS values of an element in the theme page.
- Canvas Focus Issue with Themes: Addressed the problem of the canvas switching to the first component in the components folder when using themes.
Miscellaneous Fixes and Enhancements
- Figma Component Import Issue: Resolved the problem where Figma components were not being imported correctly.
- Code Generation Error (React): Fixed code generation errors related to React.
- Advanced CSS Editor Behavior Improvements: Enhanced the behavior of the advanced CSS editor's letters during scrolling.
- Input Values Issue in Size Section: Resolved the problem of not being able to set/type anything in the size section's input values.
- Canvas Freeze on Border Radius Addition: Fixed the issue where the canvas would freeze when adding a border radius and width to the border of an element.
- Design Tab Update Issue: Addressed the problem where the design tab did not update when selecting another element after adding color and background color to one element.
- App Breakage on Canvas Element Click: Fixed the issue where the app would break if the user clicked on any element in the canvas.
- Project and Theme Loading Issues: Resolved problems with loading projects and themes.
- Public Website Disappearance on Import: Fixed the issue where the migrated public website would disappear after importing.