@rei/cedar 15.2.0 → 15.3.0

package/README.md

@@ -1,8 +1,8 @@
 # REI Cedar Style Framework!
+
 [![codecov](https://codecov.io/gh/rei/rei-cedar/branch/master/graph/badge.svg)](https://codecov.io/gh/rei/rei-cedar)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 
-
 Welcome to REI's style framework! The overall goals of this project are to provide a common scaffolding for UI elements,
 and a set of themes that build on this scaffolding. We started this project in 2015 as a fork of
 [Bootstrap](http://getbootstrap.com/).
@@ -39,11 +39,9 @@ Runs unit tests.
 
 Runs unit tests in watch mode. This also allows you to inspect snapshot discrepancies and regenerate the snapshots if appropriate.
 
-`npm run e2e`
+`npm run test:playwright`
 
-Runs [Nightwatch](http://nightwatchjs.org/) end-to-end tests and Axe a11y tests.
-
-Tests run using Chromedriver. To upgrade Chromedriver, determine the latest version of Chrome and Puppeteer that are compatible by visiting [this](https://pptr.dev/supported-browsers) page.
+Runs [Playwright](https://playwright.dev) end-to-end tests and Axe a11y tests.
 
 `npm run test`
 
@@ -57,8 +55,14 @@ Publishes package to npm with a prerelease tag. You must increment the component
 
 ## Commits
 
-This project is Commitizen friendly.  To install: `npm install -g commitizen`
+This project is Commitizen friendly. To install: `npm install -g commitizen`
 When creating a pull request run `git cz` rather than `git commit` and follow the prompts.
 
 This projects Changelogs are generated.
+
 - Generate the Changelog: `npm run changelog`
+
+## Developer demo
+
+The main documentation site for Cedar is our separate [Cedar docs](https://cedar.rei.com) website. With that in mind, we also have a playground for developing components and sharing ideas with others and within our team. The Cedar team produces this *developer demo* through GitHub Pages that can be accessed at [https://rei.github.io/rei-cedar/](https://rei.github.io/rei-cedar/), but we do not guarantee it will always be up to date or be an accurate representation of the Cedar library.
+

package/dist/cdr-palette.css

@@ -0,0 +1 @@
+[data-palette=sandstone]{--cdr-color-background-surface-primary: #f7f5f3;--cdr-color-background-surface-secondary: #dcd6cb;--cdr-color-border-surface-primary: #958e83;--cdr-color-border-surface-secondary: #726d64}[data-palette=membership-subtle]{--cdr-color-background-surface-primary: var(--cdr-membership-subtle-color-background-primary, #bfb33e);--cdr-color-background-primary: var(--cdr-membership-subtle-color-background-primary, #bfb33e);--cdr-color-text-surface-primary: var(--cdr-membership-vibrant-color-text-primary, #13352c);--cdr-color-text-primary: var(--cdr-membership-subtle-color-text-primary, #13352c);--cdr-color-border-button-primary-rest: var(--cdr-membership-subtle-color-border-button-primary-rest, #13352c);--cdr-color-border-button-primary-active: var(--cdr-membership-subtle-color-border-button-primary-active, #13352c);--cdr-color-border-button-primary-hover: var(--cdr-membership-subtle-color-border-button-primary-hover, #13352c);--cdr-color-text-button-primary-hover: var(--cdr-membership-subtle-color-text-button-primary-hover, #13352c);--cdr-color-background-button-primary-rest: var(--cdr-membership-subtle-color-background-button-primary-rest, #13352c);--cdr-color-background-button-primary-active: var(--cdr-membership-subtle-color-background-button-primary-active, #13352c);--cdr-color-text-link-rest: var( --cdr-membership-subtle-color-text-link-rest, #13352c);--cdr-color-text-link-hover: var( --cdr-membership-subtle-color-text-link-hover, #13352c);--cdr-color-text-link-visited: var( --cdr-membership-subtle-color-text-link-visited, #13352c)}[data-palette=membership-vibrant]{--cdr-color-background-surface-primary: var(--cdr-membership-vibrant-color-background-primary, #ffdc52);--cdr-color-background-primary: var(--cdr-membership-vibrant-color-background-primary, #ffdc52);--cdr-color-text-surface-primary: var(--cdr-membership-vibrant-color-text-primary, #13352c);--cdr-color-text-primary: var(--cdr-membership-vibrant-color-text-primary, #13352c);--cdr-color-border-button-primary-rest: var(--cdr-membership-vibrant-color-border-button-primary-rest, #13352c);--cdr-color-border-button-primary-active: var(--cdr-membership-vibrant-color-border-button-primary-active, #13352c);--cdr-color-border-button-primary-hover: var(--cdr-membership-vibrant-color-border-button-primary-hover, #13352c);--cdr-color-text-button-primary-hover: var(--cdr-membership-vibrant-color-text-button-primary-hover, #13352c);--cdr-color-background-button-primary-rest: var(--cdr-membership-vibrant-color-background-button-primary-rest, #13352c);--cdr-color-background-button-primary-active: var(--cdr-membership-vibrant-color-background-button-primary-active, #13352c);--cdr-color-text-link-rest: var( --cdr-membership-subtle-color-text-link-rest, #13352c);--cdr-color-text-link-hover: var( --cdr-membership-subtle-color-text-link-hover, #13352c);--cdr-color-text-link-visited: var( --cdr-membership-subtle-color-text-link-visited, #13352c)}

package/dist/cdr-reset.css

@@ -1 +1 @@
-html{box-sizing:border-box;font-family:sans-serif;font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}body{font-family:Graphik,Graphik fallback,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.016rem;font-size:1.6rem;line-height:1.5;margin:0;color:#0c0b08bf;background-color:#fff}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}button:focus{outline:.5rem auto -webkit-focus-ring-color}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-.2rem;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[data-palette=sandstone]{--cdr-color-background-surface-primary: #f4f2ed;--cdr-color-background-surface-secondary: #dcd6cb;--cdr-color-border-surface-primary: #928b80;--cdr-color-border-surface-secondary: #726d64}
+html{box-sizing:border-box;font-family:sans-serif;font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}@-o-viewport{width: device-width;}@viewport{width:device-width}body{font-family:Graphik,Graphik fallback,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.016rem;font-size:1.6rem;line-height:1.5;margin:0;color:#0c0b08bf;background-color:#fff;container-name:cdr-body;container-type:inline-size}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}button:focus{outline:.5rem auto -webkit-focus-ring-color}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-.2rem;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}