halfmoon-v1.1.0

Halfmoon v1.1.0 release. Includes the following files:

• halfmoon-variables.css (compiled and minified)
• halfmoon.css (compiled and minified)
• halfmoon.js (compiled and minified)
• halfmoon-module.js (halfmoon.js as a module, used for the npm package)
• starter-template.html

Major change

The biggest change in v1.1.0 is that the entire framework is now built using CSS variables (also known as CSS custom properties). There are close to 1,500 CSS variables, which means that almost everything can be customized by overriding a property, making it very easy to theme Halfmoon to fit your brand. To better understand what this means, it is highly recommended that you read this docs page: https://www.gethalfmoon.com/docs/customize/.

New components and utilities

This version also brings in a lot of new components and utilities. These are listed below.

Components

• Badge group ― Link to docs (Issue: #2)
• Button group ― Link to docs
• Collapse ― Link to docs
• Progress ― Link to docs (Issue: #7)
• Square buttons ― Link to docs

Utilities

• Anti-aliasing utilities ― Link to docs
• Box shadow utilities ― Link to docs
• Card padding utilities ― Link to docs (can be used to create better cards with headers and footers)
• Color utilities ― Link to docs (overhauled to provide better control)
• Hyperlink utilities ― Link to docs (fixes readability issues in dark mode)
• Pointer events utilities ― Link to docs
• Position utilities ― Link to docs
• Vertical align utilities ― Link to docs
• Visibility utilities ― Link to docs
• Z-index utilities ― Link to docs

Bug fixes

• Inconsistent transition speeds during dark mode toggle fixed (#34)
• Dark mode cookie implementation improved (#14 and #30)
• Fixed input group focus effect (border was hidden previously)
• Corrected margins for containers with breakpoints
• Other minor changes and fixes

No breaking changes

There are no breaking changes in this version of Halfmoon. However, please take note of the following things:

• The cookie for storing the user's preferred mode was previously named darkModeOn, with possible values of "yes" or "no". As of v1.1.0, the cookie has been renamed to halfmoon_preferredMode, with possible values of "light-mode" and "dark-mode".
• The attribute for setting the preferred mode on load has been renamed to data-set-preferred-mode-onload (previously it was data-set-preferred-theme-onload). The previous name still works for the sake of backward compatibility.

Please give this docs page a quick read: https://www.gethalfmoon.com/docs/core-javascript-library/. The changes are minor and should be very easy to understand once you have read that page.