Phase2 Particle Versions Save

A starter kit for using the prototyping tool, Pattern Lab, in tandem with a Drupal theme. Utilizes Webpack for all asset management.

v10.7.4

3 years ago

Update Drupal theme and modules:

  • D9 Readiness (remove compatibility with pre-8.8)
  • Add Umami breadcrumb hook
  • Add Task Link Style / Drupal Theme

v10.7.3

3 years ago

Update twig to pass Octane linting

v10.7.2

3 years ago

Lint fixes.

v10.7.1

3 years ago
  • NPM updates and string fixes
  • Drupal Layouts refactor
  • Fix npm run new

v10.7.0

3 years ago

Tailwind + PostCSS

The major feature of this release is the removal of Sass + Bootstrap in favor of PostCSS and Tailwind. PostCSS has always been a part of Particle to provide autoprefixing and other CSS mutations, but now it's the sole source of CSS generation! Tailwind is a very powerful and simple token-based approach to styling that serves the needs of design systems and component based design.

Tailwind has also been configured to purge generated class names that are not used within the _patterns subdirectories. This results in a smaller CSS output for production without slowing down the development process. Configuration for Tailwind is located at /source/default/tailwind.config.js

New folder structures

/apps/drupal/ has been renamed to /apps/drupal-default and now contains a particle_helper and particle_theme directory. They contain files that will need to be move to your Drupal modules and theme directories depending on the type of Drupal installation utilized. Additional documentation and steps have been added to /apps/drupal-default/README.md

SVGO optimization

SVGO has been added to the project directly with an initial configuration at /.svgo.yml. A new fmt:svg script has been added that will format svgs within the https://gitlab.com/phase2tech/mastercard/mastercard-design/-/tree/master/source/default/_patterns/01-atoms/svg/icons directory. This script is also included within the fmt script.

Bug Fixes

  • Update plRoot variable to be correct value
  • Fix php implode functions to be PHP 7.4 compatible

.github boilerplate

  • Added a bug report Issue template
  • Added a feature request issue template
  • Added a pull request template
  • Added a Code of Conduct

Updated dependencies

  • Update NPM dependencies
  • Updated nvmrc to use Node v12
  • Update Prettier configuration to run against the entire project
  • Add Twig Prettier configuration and run against existing files

v10.6.5

4 years ago
  • Dependency updates!
  • Formatting changes based on new prettier default rules (parens around single args in arrow functions)
  • Slight styling changes in default components to pass accessibility
  • Webpack progress plugin only runs in dev mode, saving your CI environment logs from a million lines of junk!

v10.6.4

4 years ago
  • Dependency updates
  • pa11y paths import now works
  • Improved Sass module getter function

v10.6.3

4 years ago
  • Simplify imported twig, js, yaml for demo patterns (and updated new component generator)
  • Break out SVG Sass mixins into utils folder for non-duplication
  • Update various dependencies

v10.6.2

4 years ago
  • Remove extra content block in example article.twig
  • Simplify the way demo twig and yaml are imported into demo index.js
  • update eslint-config-prettier

v10.6.1

4 years ago
  • version bump, derp