Skip to content

Releases: phase2/particle

v10.6

18 Nov 18:16
da27ada
Compare
Choose a tag to compare
  • Particle now uses Dart Sass and Sass Modules!. This brings the @use directive to Sass, providing reduced CSS duplication. Dart Sass is the "canonical" Sass version receiving updates prior to node-sass. The sass2json parser has been totally customized and rebuilt for Dart. All non-printing custom and Bootstrap variables/mixins/functions are accessible in any .scss file via @use ~tokens/sass/utils;`
  • Sass Modules give us a totally new, simpler approach to configuring and encapsulating tokens. See source/default/tokens/sass/libraries/bootstrap/_utils.scss|index.scss and source/default/tokens/sass/index.scss for details. There is no longer a "printing" vs "non-printing" aspect to Particle tokens. There is now only "utils" and everything else.
  • Fundamental changes to the "demo system" in Pattern Lab. Instead of a demo/ folder next to all components (ie source/default/_patterns/01-atoms/button/demo/, demonstration twig and yaml has been moved up to apps/node-pl/pattern-lab/_patterns/. This further delineates "demonstrations" - which are a PL-only thing - from "design system components" which really don't know where they're being consumed. The new-component yeoman generator has been updated to add both a component folder within source/default/ AND a demonstration twig and yml file within apps/node-pl/pattern-lab/_patterns/
  • Bumps to all npm packages with newer versions
  • Renovate is now used to monitor new releases
  • Fixed the example carousel pattern
  • Reformatting with new prettier rules
  • IE10 polyfills should work better now

v10.5

18 Oct 17:01
Compare
Choose a tag to compare
  • All images assets moved to a images/ folder in dist output (just like fonts have done for awhile now). This affects twig patths and svg spritesheets paths. dist/ assets folds are now much cleaner at the top level.
  • Move the webpack config for the "export sass variables to json" to apps/node-pl/webpack.config.js since that is only used for PL
  • Use optimize-css-assets-webpack-plugin for better CSS compression/deduplication
  • Autoprefixer CSS grid prefixes for IE11
  • PostCSS config moved out to its own postcss.config.js

v10.4.3

10 Sep 18:24
849f226
Compare
Choose a tag to compare
  • Fix font pathing issue for local fonts

v10.4.2

23 Aug 23:57
aa1a0bf
Compare
Choose a tag to compare
  • PL node properly sets env on prod build
  • PL node now uses pl-app.js on prod build!
  • Sourcemaps are back for JS prod builds!
  • Removed unused deps
  • Fontawesome icons now use the tree-shaking import format to drastically reduce bundle size
  • Huge improvements to run-script-on-filetype-change.js to reduce time to compile by 100x

v10.4.1

16 Aug 00:01
34225c0
Compare
Choose a tag to compare
  • Babel polyfill revamp. No more need for artificial entry points, it's all handled with core-js imports
  • Drupal Twig includes now use fully qualified namespace paths instead of shorthand
  • All npm packages are updated to latest versions

v10.4.0 "Black Phillip"

13 Aug 20:32
Compare
Choose a tag to compare
  • Pattern Lab NODE is now the only Pattern Lab within ./apps/. PL Node is actively maintained and still uses the Twig PHP renderer under the hood, so PHP 7+ is still a dependency. There are quirks within PL Node, such as "View all" links not working within out demos/ paradigm within Particle, but it's the direction we need to follow.
  • Auto-namespacing of Drupal and PL yaml files has been removed. The complexity of trying to manage the writing of these files versus just using full paths to components stopped being worth the effort. So just refer to your button as @atoms/button/_button.twig instead of the magical @atoms/_button.twig. This means that ./apps/drupal/particle.info.yml now looks like this:
component-libraries:
  protons:
    paths: []
  atoms:
    paths:
      - ../../dist/app-drupal/assets/atomic/_patterns/01-atoms
  molecules:
    paths:
      - ../../dist/app-drupal/assets/atomic/_patterns/02-molecules
  organisms:
    paths:
      - ../../dist/app-drupal/assets/atomic/_patterns/03-organisms
  templates:
    paths: []
  pages:
    paths: []
  • Grav is gone. We always intended the Grav app as a demo of how to make decoupled design systems. It turned into just a bunch of files everyone deleted. If you really need Grav, just look at a v10.3 prior release tag for implementation
  • Faker for dummy data is temporarily removed. We hope to bring it back soon.
  • Composer is no longer a dependency!
  • All node dependencies are updated to their most recent. Still needs an audit fix.
  • New concepts of tokens and clientside outside of _patterns. Some things are not strictly Atomic Design and this gives us the flexibility. Webpack aliases provided to these new folders. Most pure-styling files have been moved to tokens, and are simply demo'd in protons now within PL. clientside gives us a place to work in Vue that removes limitations of PL folder structure.
  • Various much need cleanup of all twig example components

v10.3.4

01 Aug 20:15
Compare
Choose a tag to compare

Note this is a branching point from using php pattern lab to using node pattern lab in v10.4.0

  • Fixes Webpack type
  • Add Drupal Breakpoints Config
  • Add svg Stroke to SVG template
  • Add jquery to externals in webpack drupal

v10.3.3

16 Jul 23:51
Compare
Choose a tag to compare
  • Add backstop testing config
  • Update pa11y testing config
  • Overhaul Image / SVG patterns
  • bugfixes

v10.3.2

18 Apr 22:58
Compare
Choose a tag to compare
  • Do not lint vendor/

v10.3.1

18 Apr 19:46
762bb0c
Compare
Choose a tag to compare
  • Drop Node 6 and PHP 5
  • PHP code formatter to pass Drupal standards
  • Spacing sass cleanup