Skip to content

Conversation

@rrpadilla
Copy link

No breaking changes — these files remain intact: (basecoat.css, basecoat.cdn.css)

Add Component-Level Style Exports

  • All CSS components (including nested ones like form/input.css) are now copied to dist/components
  • Each component is individually exported under exports in package.json
  • Added basecoat.all.css and base/base.css to dist

base/base.css includes the foundational styles:

  • @custom-variant
  • CSS variables in :root
  • Dark theme overrides (.dark)
  • @layer base resets

You can now import scoped styles like:

@import "basecoat-css/components/form/input";

It is recommended to include the base file when adding individual components. This was added to the documentation.

@import "tailwindcss";
@import "basecoat-css/base";
@import "basecoat-css/components/form";
@import "basecoat-css/components/alert";

The documentation has been updated. There is a new (Optional) Import specific components under installation instructions.

There is a new basecoat.all.css file with all components listed. In the future we can update the basecoat.css to include this file @import "./basecoat.all.css"; but I did not want to change the original files to avoid breaking changes.

@import "./base/base.css";

/* Components */
@import "./components/alert.css";
@import "./components/badge.css";
@import "./components/button.css";
@import "./components/button-group.css";
@import "./components/card.css";
@import "./components/form.css";
@import "./components/accordion.css";
@import "./components/command.css";
@import "./components/dialog.css";
@import "./components/dropdown-menu.css";
@import "./components/field.css";
@import "./components/kbd.css";
@import "./components/popover.css";
@import "./components/sidebar.css";
@import "./components/table.css";
@import "./components/tabs.css";
@import "./components/toast.css";
@import "./components/tooltip.css";

Resolves #54

@rodolfo-bubblebinz
Copy link

@hunvreus see latest PR here.

@hunvreus
Copy link
Owner

Thanks, I'll have a look this week and merge asap.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants