v1.9.2

Fix so popovers do not appear when hovering over the area occupied by the (still invisible) popover. Thank you @donmccurdy and @Oli8!

Dark mode color fixes

Fixes some misc color styles found in dark mode including alerts, buttons, and popovers.

Colors and more!

Another American holiday, another chance to release some new things for PaperCSS!

• Update colors for better contrast and dark mode support (thanks @Famaxis for getting the ball rolling in #251)
• Fix default font import to include the recommended font-display: swap (thanks @marvelefe in #266)
• Fix modals to show over navbars (thanks @mef in #270)
• Fix Collapsible so that inputs can be displayed (thanks @mef in #277)
• Fix Sass color unit deprecation (thanks @almibarss in #282)

---

Small Fixes

Some small fixes and improvements:

• Build system has been simplified and streamlined (thank you @TotomInc in #226)
• .shadow-none has been added to disable shadows on children (thank you @toshihidetagami in #238)
• bug fix occurring in Firefox 95 on linux, where the paper.css font is not applied to list item tags (thank you @mef in #262)

Clean up and Alert Fixes

Some helpful clean up provided here provided by @ChocolateLoverRaj (and even a commit or two from yours truly)

• Docs have been updated to include new build commands
• NPM packages have been updated to fix dependency audit and deprecation warnings
• A bug with dark mode alert variables has been fixed

Add Back Source to NPM Package

Nothing to see here! Just adding back the SCSS source to the NPM package.

Dark Mode, Input Ranges, and Dependency Overhaul

This release contains some very exciting features:

Dark Mode

A huge thank you to @seifsay3d in #199 for adding in dark mode support! Just add .dark to your html tag to get these awesome new styles. https://www.getpapercss.com/docs/utilities/dark-mode/.

Input Ranges

PaperCSS now supports inputs with type="range" thanks to @Benbb96 in #213! https://www.getpapercss.com/docs/components/forms/

Dependency Overhaul

Thanks to @TotomInc, PaperCSS's dependencies have been brought up to date and simplified using a build script instead of Gulp. This is something other CSS frameworks (like Bootstrap) use to keep things simple for contributors and users of the framework alike. Instead of PaperCSS being built on every install, it is built on every release and committed to the repo for full transparency.

Breadcrumbs, Buttons, Switches, and Containers!

@Phreshhh doing the most to add some awesome new features:

Breadcrumbs

A fresh new breadcrumb component has landed. Now no one will get lost on your site! https://www.getpapercss.com/docs/components/breadcrumb/

Outline Buttons

New outline buttons! https://www.getpapercss.com/docs/components/buttons/

Switch

Not just one, but several new styles of switches! Checkout the few different styles here https://www.getpapercss.com/docs/components/forms/

Multiple Container Sizes

Instead of just one size of container, you can now constrain the size to small, medium, or large. Thank you for the addition @marcuxyz, check it out at https://www.getpapercss.com/docs/layout/container/

Bug Fixes

• Multiple tab components are now supported on a page (thank you @Bajena in #207)
• Tab content position is now fixed (thank you @koester in #205)

Typos

I still cannot spell, so thank you to @impressivewebs, @byrro, and @fulldecent for improving the quality of the codebase with the content corrections!

Bug Fixes and Upgrades

Bug Fixes

• Hover on button anchors is now consistent with the hover for buttons (thank you @sarramegnag a0c77ba)
• Building the progress bar CSS no longer throws an error on some systems (thank you again @sarramegnag 8af69f3)
• Keyboard control on radio buttons now work as expected (thank you @vanillaSlice 6c20a60)
• Height on select elements are now consistent across browsers (thank you @mert.safak 67d1208)

Upgrades

@TotomInc provided some much needed upgrades to our dependencies including upgrading gulp to v4. These upgrades will make future development easier and reduces the vulnerabilities found in npm audit. Thank you kindly!

Typos

As per usual, me no spell so good - so thank you @nelsonmestevao, @sarramegnag, @anupamasok, and everyone else who has taken time to improve the documentation of PaperCSS.

Dismissible Alerts, Progress, and Gulp Prefixer

@vanillaSlice hooked us up with some awesome new features in this release:

Dismissible Alerts

Ever wanted to close out of an alert? Now you can with this update! https://www.getpapercss.com/docs/components/alerts/

Progress Bars

Progress bars are here and in many different options. Try them with backgrounds, labels, or even stripes!
https://www.getpapercss.com/docs/components/progress/

Gulp Auto Prefixer

No pretty picture for this, but now the gulp build will automatically include vendor prefixes where needed. We don't need to worry about a thing anymore! Here's what is supported: https://browserl.ist/?q=defaults