basecoat-css 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,54 @@
+# basecoat-css
+
+This package provides the core CSS styles for [Basecoat](https://basecoatui.com), a component library built with Tailwind CSS.
+
+## Prerequisites
+
+Your project must have [Tailwind CSS](https://tailwindcss.com/docs/installation) installed and configured, as Basecoat relies on Tailwind utility classes and theming.
+
+## Installation
+
+You can install `basecoat-css` using your preferred package manager:
+
+```bash
+# npm
+npm install basecoat-css
+
+# yarn
+yarn add basecoat-css
+
+# pnpm
+pnpm add basecoat-css
+
+# bun
+bun add basecoat-css
+```
+
+Alternatively, you can download the `basecoat.css` file directly from the [GitHub repository](https://github.com/hunvreus/basecoat/blob/main/src/css/basecoat.css) (or the `dist/basecoat.css` file from this package after installation) and include it in your project.
+
+## Usage
+
+After installation, import `basecoat-css` into your main CSS file. Make sure to import it **after** Tailwind CSS and **before** any custom theme overrides.
+
+```css
+/* Your main CSS file (e.g., styles.css) */
+
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+@import "basecoat-css"; /* Or the path to basecoat.css if manually added */
+
+/* Your custom styles or theme overrides (optional) */
+/* @import "your-theme.css"; */
+```
+
+Once imported, you can start using Basecoat's component classes in your HTML.
+
+## Documentation
+
+For more detailed information on components, their usage, and customization options, please refer to the [Basecoat documentation](https://basecoatui.com/installation/#install-css).
+
+## License
+
+[MIT](https://github.com/hunvreus/basecoat/blob/main/LICENSE.md)

package/dist/basecoat.css

@@ -716,6 +716,11 @@
   .select {
     @apply appearance-none border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent pl-3 pr-9 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 h-9;
     @apply bg-[image:var(--chevron-down-icon-50)] bg-no-repeat bg-position-[center_right_0.75rem] bg-size-[1rem];
+
+    option,
+    optgroup {
+      @apply bg-popover text-popover-foreground;
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "basecoat-css",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Tailwind CSS for Basecoat components",
   "author": {
     "name": "hunvreus",
@@ -37,4 +37,4 @@
     "url": "https://github.com/hunvreus/basecoat/issues"
   },
   "homepage": "https://basecoatui.com/installation#install-css"
-}
+}