kutty

• Updates for TailwindCSS 3 (ff02dc2)
• Updates for TailwindCSS 3 (05c18ed)
• update deps to tailwind 3.0 (#46) (f71bcd3)

• Dialog: Fix 100vh issue 64f168a
• List: Fix list-item disc e475b27
• Tooltip: Add Offset & Update Popper 254c7cd
• Docs: Update Turbolinks Version 25fe852
• Update Tailwind to Latest Version c841242

https://github.com/praveenjuge/kutty/compare/0.5.1...v0.5.2

• Dropdown Fixes (4203aaa)
• Added popper 🍿 to dropdown component (#37) (be4d19b)
• Added Sticky Header Layout (8d3079f)
• Added Empty State Component (0398b6e)

• Move Primary Colors to CSS in JS (44b9101)
• Fixed Double Tooltip (7548a61)
• Remove padding if scrollbar is not present when opening dialog (cef0730)
• Docs Style Fixes (07c2973)
• describe vue setup (#31) (ec2df8a)
• Breadcrumbs, Button, Card, Dialog, Forms, List, Pagination, Tabs updated to use CSS in JS (7efcf0c)
• Tooltips, Spinner, Progress, Badge, Avatar, Alert updated to use CSS in JS (6376767)
• Update Packages 📦 (4acc3b9)
• Version Update (009eb9a)

• Added Layouts Components (ca89a48)
• Added Toast Component (ca89a48)
• Tooltip now uses Popper (#26) (e04a1cf)
• Add DEFAULT docs (6f95282)

Version 0.4 works only for Tailwind 2, use version 0.3.5 for Tailwind 1 support. Click here for an upgrade guide

This release supports TailwindCSS 2 🎉, here is everything that changed:

Typography plugin is not bundled anymore

Bundling typography plugin seems like a good idea at first, but it's a size increase for all the people who didn't need it. And people can't update it's version to their needs.

Now you can install it yourself if you are using it. Make sure you install the latest version that supports TailwindCSS 2.

npm install @tailwindcss/typography

Alert, Badge, Spinner, Progress has utility classes to change colors

This means we can update these components to have any number of colors which are available in tailwind.

<div class="text-green-800 bg-green-100 alert" role="alert">I'm a alert that informs you of stuff</div>

<span class="text-red-800 bg-red-100 badge">Success</span>

<div class="text-yellow-700 spinner" role="status">
  <span class="sr-only">Loading...</span>
</div>

<progress class="text-gray-900 progress" value="70" max="100">70%</progress>

Removed some unused social buttons

Removed YouTube, Twitch, LinkedIn, Slack button colors as no one was using it and it can be recreated with utility classes.

Some card classes removed for utility classes

card-success, card-danger, card-dark, card-title, card-subtitle also removed in favor of utility classes so that any colors and combinations can be used.

Commits

• Added Upgrade Guide (4fe3473)
• Final TailwindCSS 2 Updates (db7df5c)
• Updates for tailwind 2.0 (ce69216)
• Preparing for Tailwind 2 (c6428b7)

Please raise an issue if you have any problems or doubts, I'll help you get through it.

• Simplified Avatar and Breadcrumb (91a3845)

• Added tailwind colors on buttons (8b28610)

• Update forms syntax (0130ac9)

• Alert uses utility classes for color now (32f12d6)

• Update Badge Colors with Utility Classes (13626c9)

• Form Style Changed and Register Component Added (1b39b04)
• Added Login Component (022e56d)
• Cleaned collapse.js (#21) (5f9d29d)
• Automatic npm publish action (#20) (8c72d95)

• Added Statistics and Tuned up Tabs and Select Component (badd9a8)

• Update Button and Form Sizes (2b53b44)
• Added New UI Components (fa20dde)

• Version fix (6553bea)
• Simplified some components (6fa9e90)
• iframe link fixes (#19) (6daa357)

• Added Progress and File Input Tag Component (50354fc)
• Added Blog List Components (372988b)
• Added Blog Post Components (d2d6632)

• Seperate Components (fc1252a)
• Turbolinks (#18) (f394ce7)

• Prod JS (7455d4a)
• Alpine dialog (#17) (7bf7b45)
• Added Features Components (46baa8c)
• Added CTA Components (41177ff)
• Closable Alerts (1176e96)
• Added Footer Components (f8aa23a)
• Added Logos Component (8af4118)
• Added Logos Component (e09f3b2)
• Release 0.2.3 (96b992b)