v0.14.0 - pattern lab - node
Pattern Lab Node v0.14.0
Version 0.14.0 lands with two major features!
PATTERN STYLE MODIFIERS
Style Modifiers allow you to create a base pattern that you can easily modify by adding a class name to the pattern partial. Read more about them here, including support with pattern parameters. Below is the gist.
The basic syntax is this:
{{> atoms-message:error }}
This works by using a reserved mustache variable of sorts called {{ styleModifier }} applied to the atoms-message mustache file itself:
<div class="message {{ styleModifier }}">{{ message }}</div>
Once rendered, it looks like this:
<div>
<div class="message error"></div>
</div>
STYLE GUIDE EXCLUDES
Exclude whole pattern types from the "All patterns" styleguide by adding entries to config.json. This is quite useful to make speedier. Pattern Lab Node ships with the following:
"styleGuideExcludes": [
"templates",
"pages"
]
CHANGELOG
- ADD: Support for style modifiers
- ADD: Support for styleGuideExcludes
- THX: Thanks to @bramsmulders for the styleGuideExcludes pull request and @illepic for the original headsup
- FIX: Fix an issue where listitem blocks would only render if the pattern containing the block had a partial within it
UNIT TESTS
19 more unit tests were added with this release
UPGRADE INSTRUCTIONS
Assuming you are on v0.13.X, one should be safe following the upgrade instructions. Note the additional config entry inside `config.json.
ROADMAP
Keep an eye on the roadmap for a clearer understanding of where the project is going in the next few releases. Next up is..
v1.0.0
- ADD: Restructure filesystem to better align concerns and support upgrades
- FINISH: Add More Unit Tests
- FIX: Look to see if example pattern vendor js needs to be updated
- MAYBE: adding multi-compiler functionality
❤️ from @bmuenzenmeyer