tailwindcss-classnames

Functional typed classnames for TailwindCSS

MIT License

Downloads
21.9K
Stars
691
Committers
24

Bot releases are visible (Hide)

tailwindcss-classnames - tailwindcss-classnames v3.1.0 Latest Release

Published by github-actions[bot] over 1 year ago

Features

  • add backdrop, enabled and optional variants (a1c57e5)
  • add contrast-more and contrast-less variants (8720a8b)
  • add grid-flow-dense utility (f70f2eb)
  • add mix-blend-plus-lighter utility (edcfdca)
  • add new border-spacing utilities (4ab9a62)
  • addtext-start and text-end utilities (f6955a0)
  • support customizing class name when using darkMode: 'class' (fixes #398) (853e7d3)

Bug Fixes

  • rename colors import in updateDefaultConfig script (7de09c6)
tailwindcss-classnames - tailwindcss-classnames v3.0.7

Published by github-actions[bot] almost 2 years ago

Bug Fixes

tailwindcss-classnames - tailwindcss-classnames v3.0.6

Published by github-actions[bot] about 2 years ago

Bug Fixes

  • add missing main categories utility functions (#439) (b5c4d15)
tailwindcss-classnames - tailwindcss-classnames v3.0.5

Published by github-actions[bot] over 2 years ago

Bug Fixes

  • adds proper indexing when generating colors (#412) (0e500b6)
tailwindcss-classnames - tailwindcss-classnames v3.0.4

Published by github-actions[bot] over 2 years ago

Bug Fixes

  • support darkMode manual 'class' option (#399) (7cd6881)
tailwindcss-classnames - tailwindcss-classnames v3.0.3

Published by github-actions[bot] over 2 years ago

Bug Fixes

  • use correct prefix for ring-inset class (#390) (22b0be9)
tailwindcss-classnames - tailwindcss-classnames v3.0.2

Published by github-actions[bot] almost 3 years ago

Bug Fixes

  • generate new lib classnames (bc47da3)
  • pin colors package to 1.4.0 (fixes #362) (e8132b4)
tailwindcss-classnames - tailwindcss-classnames v3.0.1

Published by github-actions[bot] almost 3 years ago

Bug Fixes

  • add missing RTL and LTR modifiers (5e9a353)
tailwindcss-classnames - tailwindcss-classnames v3.0.0

Published by github-actions[bot] almost 3 years ago

What's New in tailwindcss-classnames CLI

  • Way better performance overall (thanks to @dylanvann's idea and suggestions):

    • Generated file size is reduced to be < 200 KB (default config). Previous version was generating a file sized about 100 MB.
    • Fast autocompletion: this is due to usage of more specific utility functions and using template string types
  • BREAKING: Dropped support for JIT engine's Colors Opacity suffix feature (due to TypesScript TS2590 error)

  • BREAKING: Create Utility functions that accepts classnames (and pseudoclassnames) of that category. The classnames function won't accept or show autocompletion of all classnames anymore, but it will accept a function of these category functions (#293)

    ✅ Correct

    classnames(
      display('flex', 'md:block'),
      textColor('text-black', 'hover:text-red-600'),
      flexDirection('flex-row-reverse'),
    );
    

    ❌ Incorrect

    classnames('flex', 'md:block', 'text-black', 'hover:text-red-600', 'flex-row-reverse');
    

Features

  • rename overflow-clip & overflow-ellipsis to text-clip & text-ellipsis
  • add placeholder variant (866ac55), closes #338
  • add border-hidden utility (df94219), closes #335
  • add border-x and border-y width and color utilities (c702c46), closes #334
  • add file variant for ::file-selector-button pseudo element (d51fe20), closes #339
  • add grow-* and shrink-* utilities, deprecate flex-grow-* and flex-shrink-* (73ee65d), closes #333
  • add open variant (b261695), closes #341
  • add overflow-clip, overflow-x-clip and overflow-y-clip utilities (f0c23ec), closes #336
  • add print variant for targeting printed media (0a1be3d), closes #337
  • add scroll-behavior utilities (c51e665), closes #330
  • add scroll-margin and scroll-padding utilities (e3503e9)
  • add scroll-snap utilities (e7d5070), closes #329
  • add touch-action utilities (2d695e4), closes #331
  • add classnames with important modifiers to utility functions (02a3555)
  • add colored box shadow utilities (b92a42a), closes #318
  • add flex basis utilites (closes #332) (8e900bb)
  • add new layout and typography utilities (c5e839e)
  • add new outline utilites (07da44a)
  • add portrait and landscape variants (f89ec5a), closes #340
  • add pseudoclassnames to their category function (224fb7a)
  • add variants to the cli as it's removed from the new config (2bef20c)
  • cli: generate per-category classnames (805396f)
  • enable jit features all the time (84f281b)
  • generate utility function for all category types ( #293) (1fa8a9b)
  • generate utility functions for subcategories instead of categories (9486398)
  • rename decoration-slice and decoration-break to box-decoration-* (543e868), closes #344
  • rename overflow-clip & overflow-ellipsis to text-clip & text-ellipsis (050b6e4)
  • support accent-color utilities (b343833), closes #328
  • support will-change utilities (0033a52), closes #343
  • update config closure evaluator to evaluate new tailwind3 configs (440c1ed)

Bug Fixes

  • disable duplicate breakpoint pseudoclass variants generation (912519a)
  • generate correct module exports (3fac1c1)
  • pass the parser into the fileContentGenerator instead of prefix (bce47a8)
  • use correct condition for adding a dark mode variant (82cadf0)

Performance Improvements

  • disable JIT opacity prefix feature (e2d9673)
  • use TS template literal types to generate pseudoclassess types (e614729)
tailwindcss-classnames - tailwindcss-classnames v2.2.6

Published by github-actions[bot] almost 3 years ago

Bug Fixes

tailwindcss-classnames - tailwindcss-classnames v2.2.5

Published by github-actions[bot] about 3 years ago

Bug Fixes

  • stop using default config when input arg is provided (#290) (#291) (a25a815)
tailwindcss-classnames - tailwindcss-classnames v2.2.4

Published by github-actions[bot] about 3 years ago

Bug Fixes

  • add condition when generating backdropHueRotate (9557847)
  • add condition when generating borderColor (3192ea8)
  • add condition when generating hueRotate (89c0b2e)
tailwindcss-classnames - tailwindcss-classnames v2.2.3

Published by github-actions[bot] about 3 years ago

Bug Fixes

tailwindcss-classnames - tailwindcss-classnames v2.2.2

Published by github-actions[bot] about 3 years ago

Bug Fixes

  • add self-baseline utility (6f3a05f)
tailwindcss-classnames - tailwindcss-classnames v2.2.1

Published by github-actions[bot] over 3 years ago

Bug Fixes

tailwindcss-classnames - tailwindcss-classnames v2.2.0

Published by github-actions[bot] over 3 years ago

Features

  • add 'content' utilities in JIT mode (47c04bd)
  • add blur-none by default (Closes #230) (7d317b7)
  • add caret-color utilities (5ecbcf3), closes #235
  • add exhaustive pseudo-class and pseudo-element variant support (#252) (9cb18e6)
  • add per-side border color utilities for JIT mode enabled configs (6ec97b9)
  • add support for the new background origin utils (2bc9840), closes #241
  • add universal shorthand color opacity syntax (38f27dd)

Bug Fixes

  • add missing classnames that does not have the opacity short hand suffix (a48e16b)
  • only generate classnames opacity short hand when JIT mode is enabled (75902d9)
tailwindcss-classnames - tailwindcss-classnames v2.1.3

Published by github-actions[bot] over 3 years ago

Bug Fixes

  • Fixed issues with theme.extend configurations are ignored for specific properties (c780aaa)
tailwindcss-classnames - tailwindcss-classnames v2.1.2

Published by github-actions[bot] over 3 years ago

Bug Fixes

  • performance: using clsx in place of classnames package (611a0f4), closes #126
tailwindcss-classnames - tailwindcss-classnames v2.1.1

Published by github-actions[bot] over 3 years ago

Bug Fixes

  • pseudoClasses formatted incorrectly with prefix (#213) (240476d)
tailwindcss-classnames - tailwindcss-classnames v2.1.0

Published by github-actions[bot] over 3 years ago

Features

  • jit: generate important (!) modifier before classnames (9a3b64f)
  • add box-decoration-break utilities (65416ca), closes #193
  • add isolation utilities (0529a87), closes #194
  • add mix-blend-mode and background-blend-mode utilities (#200) (a6c8e87), closes #195
  • add CSS Filters classnames (#198) (84a8c48)
  • add support for display : inline-table, list-item utilities (6a500af), closes #192
  • generate all variants when JIT mode is enabled (c95cef5)