v1.11.0

Overview

This release marks a significant milestone for CivicTheme UI Kit with the introduction of Single Directory Components (SDC) support for Drupal.

The architecture of the repository has been modified to now to support both a Twig and a SDC set of components.

Major Features

Single Directory Components (SDC) Support

• New Package: Introduced @civictheme/sdc package alongside the existing @civictheme/twig package
• Unified Component Schema: Both Twig and SDC implementations now share component definitions via *.component.yml files
• Component Synchronization: New tooling ensures consistency between Twig and SDC implementations
• SDC Validation: Added GitHub Actions workflow for automated SDC component validation

Developer Experience Improvements

• Visual Regression Testing: Added reg-viz tool for comparing SDC vs Twig components
• Component Management Scripts: New commands for updating and checking component implementations:
  • npm run components:update - Update all components
  • npm run components:check - Validate component consistency across the frameworks

Breaking Changes

• Package names have changed from single package to workspace packages:
  • Use @civictheme/twig for Twig implementation
  • Use @civictheme/sdc for Drupal SDC implementation

CivicTheme (Drupal Theme) is switching to using the SDC implementation.

If you are using CivicTheme UI KIt outside of Drupal then you will need to begin using @civictheme/twig switching from @civictheme/uikit.

Migration Guide

Projects using the previous package structure should update their dependencies:

  // Before
  "@civictheme/uikit": "^1.10.0"

  // After (choose one or both)
  "@civictheme/twig": "^1.11.0"
  "@civictheme/sdc": "^1.11.0"

What's new since v1.10.0

• [#598] Added tools for publishing workflow. @richardgaunt (#599)
• Update peter-evans/find-comment digest to 7bc0026 @renovate[bot] (#623)
• Update dependency @rollup/rollup-darwin-arm64 to v4.41.1 @renovate[bot] (#622)
• Update dependency inquirer to v12.6.2 @renovate[bot] (#621)
• [#3525673] Fixed back-to-top not resolving storybook dependencies. @alan-cole (#620)
• [#3525675] Fixed callout padding to avoid CSS specificity. @alan-cole (#619)
• Fixed SDC validation not picking up errors. @AlexSkrypnyk (#617)
• Fixed GHA to skip netlify deployment comments on main branch. @AlexSkrypnyk (#618)
• Update Node.js to 22.16 @renovate[bot] (#616)
• Update peter-evans/create-or-update-comment digest to 70cab58 @renovate[bot] (#615)
• Update dependency puppeteer to v24.9.0 @renovate[bot] (#614)
• Update dependency commander to v14 @renovate[bot] (#613)
• Update dependency puppeteer to v24.8.2 @renovate[bot] (#611)
• Update actions/cache action to v4 @renovate[bot] (#612)
• [#3516354] - Fixed civictheme dir auto-detect to work for base & subthemes. @alan-cole (#532)
• Update dependency storybook to v8.6.14 @renovate[bot] (#570)
• Update dependency @rollup/rollup-darwin-arm64 to v4.41.0 @renovate[bot] (#610)
• Update pandoc/core Docker tag to v3.7 @renovate[bot] (#597)
• Update dependency inquirer to v12.6.1 @renovate[bot] (#609)
• Update nwtgck/actions-netlify digest to f242d4c @renovate[bot] (#605)
• Update dependency glob to v11.0.2 @renovate[bot] (#569)
• Update peter-evans/create-or-update-comment digest to ba1ae22 - autoclosed @renovate[bot] (#607)
• Update peter-evans/find-comment digest to 14614d7 @renovate[bot] (#608)
• Potential fix for code scanning alert no. 3: Code injection @richardgaunt (#603)
• Bump the npm_and_yarn group across 3 directories with 3 updates @dependabot[bot] (#606)
• [#509] Project SDC. @richardgaunt (#538)
• Update dependency sass-embedded to v1.87.0 @renovate[bot] (#499)
• [#511] Update storybook to 8.6.7 @alan-cole (#510)
• Removed legacy @font-face src attribute used in IE <10. @AlexSkrypnyk (#513)
• Update dependency glob to v11.0.2 @renovate[bot] (#537)
• Update dependency vite to v6.3.4 @renovate[bot] (#500)
• Update Node.js to 22.15 @renovate[bot] (#536)
• Update dependency storybook to v8.6.12 @renovate[bot] (#501)

Full Changelog: v1.10.0...v1.11.0

@AlexSkrypnyk, @alan-cole, @dependabot[bot], @renovate[bot], @richardgaunt, dependabot[bot] and renovate[bot]