improved

Introducing Design Tokens

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.