v5.0.3

Bug fixes

• Converted CSS Components back to Javascript plugins to avoid annoying import related issues in projects.

Chores

• Update dev dependencies

v5.0.2

Bug fixes

• Calendar component now gracefully handles invalid string types for props.
• Calendar component ported to Typescript

Chores

• Update dev dependencies

v5.0.1

Bug fixes

• Tailwind color opacity variants (bg, text, placeholder, border, etc) now work
• Minor bug fixes

v5.0.0

More control over the Navbar

I've found the lack of control over the Navbar's mobile menu state annoying in my projects, so I decided to do what I should have done from the get go: Make it a v-model attribute. This is a breaking change. You will need to add a v-model to control the mobile menu's view state.

Breaking changes

• Navbar component now requires a v-model to control the mobile menu's view state.

New features

• Added .bg-glass-light and .bg-glass-dark. These classes are static and will not change with the theme unless you prepend the dark mode variant to them, for example: .dark:bg-glass-dark. This gives you much more flexibility. Please note that the .bg-glass class is still available and automatically switches based on the active theme.
• Improved .form-control look in dark mode. It now uses RGBa colors to give a more hierarchical, consistent look across color variations.

Bug fixes

• Fixed some documentation issues.

Chores

• Updated Tailwind CSS to 1.8.8
• Updated devDependencies

v4.0.3

Bug fixes

• Added maxWidth: 100% for figure, img, and video tags within a Tailwind Typography .prose.

Chores

• Updated Tailwind to 1.8.5. This gives us nice new features. Take a look at their release notes.
• Updated development related dependencies

v4.0.2

Bug fixes

• Fix calendar display bug in desktop browsers and iOS.

v4.0.1

Bug fixes

• Fix Calendar date button text alignment at smaller responsive sizes.

v4.0.0

Lets talk about components

I took a good look at the components this time around and decided that in order to move forward, they should be ported to Vue.

The Web Component idea was good on paper but felt sloppy in implementation. That being said, the re-developed Vue components will eventually be compiled into Web Components alongside the Vue versions. This will enable their use in any project while taking advantage of the cool Vue feature set.

Lastly, with Vue 3 on the horizon and all of the benefits coming with it, I felt it made the most sense to move in this direction.

On a side note, I was able to transition one of my projects to this new component system with very minimal effort and the end result was a much better DX and UX.

Breaking changes

• Components are now built with Vue instead of vanilla Web Components.
  • Better reactivity
  • Better community
  • Better all around feature sets
  • A Web Component version of all of the components will be available in a future release

New Features

• More powerful components
• New animations for modals and dropdown
• Better dark color palette
• Refined button and nav components
• bg-glass class has been modified to look better in dark mode
• Tailwind Typography now has a smaller max width in small views
• Updated documentation

Bug fixes

• Numerous bug fixes were applied during the component transition.

v3.0.0

Hey look, a pill button is on top of that glass background!

This release features a new button type, a small bug fix, and an update to the latest release of Tailwind, v1.7.2. Read their release notes for more information.

Breaking Changes:

• Tailwind recommends moving over to new gap-x-{n} and gap-y-{n} utilities from the old column-gap and row-gap utilities to align with changes coming in Tailwind 2.0. We've migrated to this new recommendation, thus, making us move up a whole release due to the breaking nature of this change.

New Features

• Pill Buttons.
  • Use a .btn-pill class on a button for a new style variation.

Bug fixes:

• .bg-glass light variant now uses a white RGBa variant as opposed to a slightly gray one.

Chores:

• Update devDependencies

v2.5.0

Glass background... say what?!

New features:

• .bg-glass class for use as a frosted glass background effect.
  • Nice for headers, dropdowns, and modals.
  • Works magically in both light and dark mode.
  • Warning: Firefox requires a feature flag for now, and Opera, well... who uses Opera?

Chores:

• Bumped Tailwind to 1.6.2
• Updated dev dependencies