likec4 1.15.0

v1.15.0

on Node.js NPM

🚀 Features

• Style groups:
  Global styles can be grouped and applied together:

  global {
    // Define style group
    styleGroup common_styles {
      style * {
        color muted
        opacity 10%
      }
      style singlePageApplication, mobileApp {
        color secondary
      }
    }
  }
  
  views {
    view mobileApp of mobileApplication {
      include *
  
      // Apply common styles
      global style common_styles
    }
  }

  Also, global styles and groups can be referenced in views {} blocks (local styles) and applied to all views in a block.
  Documentation (thanks @hubertmis, #1143, #1161)

• Adhoc group elements

  view {
    group 'Third-parties' {
      group 'Integrations' {
        group 'Analytics' {
          include * where tag is #analytics
        }
        group 'Marketing' {
          include * where tag is #marketing
        }
      }
      group 'Monitoring' {
        include * where tag is #marketing
      }
    }
  }

  Documentation (thanks @davydkov, #1140)

Fixes and improvements

• diagram: bundled icons vary in color scheme (thanks @pavelpykhtin, #1149, closes #1097)
• diagram: control points are not draggable under the edge label (thanks @pavelpykhtin, #1104)
• lsp: style for relationship predicates where together with, not work style on (thanks @pavelpykhtin, #1147 closes #1144)
• react: react component filter stopped working (thanks @davydkov, closes #1145
• vscode: enhance style completion snippets (thanks @davydkov)