coles-solid-library 0.0.1 → 0.0.8

package/dist/tools.d.ts

@@ -1,4 +1,10 @@
 import { Accessor } from "solid-js";
+/**
+ * Sets the theme attribute on the document body.
+ *  - 'dark' or 'light'
+ * @param theme - The theme to set. Defaults to 'dark'.
+ */
+export declare function addTheme(theme?: string): void;
 export type AllHTMLElements = HTMLElement | HTMLDivElement | HTMLButtonElement | HTMLAnchorElement | HTMLInputElement | HTMLFormElement | HTMLImageElement | HTMLLabelElement | HTMLSelectElement | HTMLTextAreaElement | HTMLUListElement | HTMLLIElement | HTMLSpanElement | HTMLTableElement | HTMLTableRowElement | HTMLTableCellElement | HTMLTableSectionElement | HTMLTableColElement | HTMLTableCaptionElement | HTMLTableColElement;
 export declare function useClickOutside(ref: Accessor<AllHTMLElements | undefined | null>, handler: (e: MouseEvent) => void): () => void;
 export declare function getMouse(): () => {

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "coles-solid-library",
-  "version": "0.0.1",
+  "version": "0.0.8",
   "description": "",
-  "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist/styles.css",
+    "dist/index.esm.js",
+    "dist/index.d.ts",
+    "dist/tools.d.ts",
+    "dist/components",
+    "theme"
   ],
   "scripts": {
-    "build": "rollup -c"
+    "build": "rollup -c --bundleConfigAsCjs"
   },
   "keywords": [],
   "author": "",
@@ -18,7 +22,8 @@
     "solid-js": "^1.8.11"
   },
   "dependencies": {
-    "solid-js": "^1.8.11"
+    "solid-js": "^1.8.11",
+    "sass": "^1.85.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",
@@ -27,11 +32,11 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/node": "^22.13.9",
+    "autoprefixer": "^10.4.20",
     "babel": "^6.23.0",
     "babel-preset-solid": "^1.9.5",
     "rollup": "^4.34.9",
-    "rollup-plugin-scss": "^4.0.1",
-    "sass": "^1.85.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.2"
   }

package/readme.md

@@ -0,0 +1,58 @@
+# Cole's Solid Library
+
+Welcome to Cole's Solid Library, a pre-alpha UI library for Solid.js.
+Probably shouldn't be used isn't ready for use.
+
+## Requirements
+You will need the following packages.
+- SolidJS
+- Sass
+
+## Installation
+
+To install the library, use npm or yarn:
+
+```bash
+npm install coles-solid-library
+# or
+yarn add coles-solid-library
+```
+
+Import and add use the following line in App.tsx from the library.
+It defaults to 'dark' but also has a default value of 'light'.
+And updates reactively.
+```ts
+  addTheme()
+```
+
+At the top of index.scss place the following line.
+```scss
+  @use 'coles-solid-library/themes/themes.scss';
+```
+
+## Usage
+
+Here's a basic example of how to use the library:
+
+```jsx
+import { Button, addTheme } from 'coles-solid-library';
+
+function App() {
+  addTheme('light');
+  return (
+    <div>
+      <Button />
+    </div>
+  );
+}
+
+export default App;
+```
+
+## Contributing
+
+We welcome contributions! Please fork the repository and submit a pull request.
+
+## License
+
+This project is licensed under the MIT License.

package/dist/components/Tabs/tab.d.ts

@@ -1,8 +0,0 @@
-import { JSX, Component, Accessor } from "solid-js";
-interface TabProps {
-    children: JSX.Element;
-    name: string;
-    hidden?: Accessor<boolean>;
-}
-declare const Tab: Component<TabProps>;
-export { Tab };