This is the MinnPost instance of Pattern Lab. It is initially installed to improve the redesign process during the 2019-2020 redesign of minnpost.com.

To install, download this repository and run npm install. We're basing this on the following dependencies:

"dependencies": {
    "@pattern-lab/cli": "^5.3.0",
    "@pattern-lab/core": "^5.3.0",
    "@pattern-lab/engine-handlebars": "^5.0.0",
    "@pattern-lab/starterkit-handlebars-vanilla": "^1.4.0",
    "@pattern-lab/uikit-workshop": "^5.3.1"
}

For now, this is the possible pattern list. Probably it will change as patterns get built out.

• Base grid (8pt) / Typography and icons (4pt)
• Layout grid (12 columns)
• Viewports (maybe xs, sm, md, lg, xl)

• Brand colors
• Functional colors
• Section colors
• Accent colors
• Neutral colors

• Type scale
• Font stacks

• Headings
• Paragraphs
• Blockquote (include nested items)
• Pullquote
• Inline elements
• Date/time elements

• Default
• Embeds
• Sponsored messages

• Icons
• End bug
• Default image

• Logo
• Logo footer
• Sponsor list
• Ad regions

• Topic indicator
• Byline
• Date

• Title

• Unordered
• Ordered
• Definition
• Include nested and linear lists

• Default
• Primary
• Secondary
• Disabled
• Loading
• Pagination
• Combo
• Group

• Text Input
• Select
• Multi select
• Currency text input
• Text input with suffix
• Text input with button
• Text input with help
• Text input validation feedback
• Date input
• Radio and checkbox
• Radio and checkbox with description
• Choice boxes
• Switch
• Range

• Main images
• Inline images
• Thumbnails

• Expander
• Reading progress

• Spacing
• Typography
• Display
• Responsive

• Page header

• Header
• Footer

• Article
• Event
• Topic
• Author
• Related article

• Articles
• Events
• Topics
• Related articles
• include with title, title and image, title and summary, title and image and summary

• Article header
• Article footer
• Comments

• Event header
• Event footer
• Event details

• Archive header
• Archive footer

• Sidebar box

• Popups
• Site messsages
• Donate header
• Donate footer
• Newsletter article footer
• Newsletter homepage middle

• Top level
• Secondary
• Tertiary
• Include dropdowns
• Tabs
• Social

• Sponsor
• Donor group
• Advertiser
• Partner

• Article list
• Article
• Event list
• Support
• Member benefits
• Homepage
• Author archive
• Category archive
• Search results
• Archive
• Page

These are the specific pages for prototyping, at least initially.