@golocalinteractive/golocal-cloud-wrapper 1.0.8 → 1.0.9

package/README.md

@@ -1,6 +1,6 @@
-# Go Local Cloud Wrapper
+# Go Local Interactive Cloud Wrapper
 
-A React provider component for Go Local Interactive's cloud services.
+A React provider component for Go Local Interactive's cloud services with built-in styling.
 
 ## Installation
 
@@ -8,22 +8,114 @@ A React provider component for Go Local Interactive's cloud services.
 npm install @golocalinteractive/golocal-cloud-wrapper
 ```
 
-This package requires the following peer dependencies to be installed in your project:
+## Usage
 
-```bash
-npm install react react-dom
+### Basic Usage (Styles Auto-injected)
+
+The styles are automatically included when you import the `GLICloudProvider`:
+
+```jsx
+import { GLICloudProvider } from "@golocalinteractive/golocal-cloud-wrapper";
+
+function App() {
+  return (
+    <GLICloudProvider>
+      <div>Your app content here</div>
+    </GLICloudProvider>
+  );
+}
 ```
 
-## Usage
+### Manual CSS Import (Alternative)
 
-```tsx
-import { GLICloudProvider } from "golocal-cloud-wrapper";
+If you prefer to manually control CSS imports, you can import the styles separately:
+
+```jsx
+// Import styles first
+import "@golocalinteractive/golocal-cloud-wrapper/styles";
+
+// Then import the provider
+import { GLICloudProvider } from "@golocalinteractive/golocal-cloud-wrapper";
 
 function App() {
-  return <GLICloudProvider>{/* Your app content */}</GLICloudProvider>;
+  return (
+    <GLICloudProvider>
+      <div>Your app content here</div>
+    </GLICloudProvider>
+  );
 }
 ```
 
+## Features
+
+- **Auto-injected Styles**: CSS is automatically included when importing the provider
+- **Tailwind CSS**: Built with Tailwind CSS v4 for consistent styling
+- **Custom Design System**: Includes GLI brand colors and design tokens
+- **Responsive Design**: Mobile-first responsive components
+- **Dark Mode Support**: Built-in dark mode support
+- **Accessibility**: WCAG compliant components
+
+## Available CSS Variables
+
+The package includes custom CSS variables for GLI branding:
+
+```css
+/* GLI Colors */
+--gli-blue: #e5f7ff;
+--gli-blue-dark: #007db8;
+--gli-orange: #fff6ef;
+--gli-orange-dark: #f68029;
+--gli-green: #edfad8;
+--gli-gray-dark: #c2c2c2;
+
+/* Organic Colors */
+--organic-blue: #ecf3f8;
+--organic-navy: #013760;
+--organic-mid-blue: #1e6aa4;
+--organic-light-blue: #95b5d0;
+
+/* Paid Colors */
+--paid-green: #5c792f;
+--paid-green-light: #85b045;
+--paid-lime: #ecfad6;
+--paid-green-dark: #324715;
+```
+
+## Troubleshooting
+
+### Styles Not Applying
+
+If styles aren't taking effect:
+
+1. **Check Import Order**: Make sure you're importing the provider correctly
+2. **CSS Conflicts**: Ensure no other CSS is overriding the styles
+3. **Build Process**: Verify your build process includes CSS processing
+4. **Browser Cache**: Clear browser cache and reload
+
+### Build Issues
+
+If you encounter build issues:
+
+1. **PostCSS Config**: Ensure you have `@tailwindcss/postcss` installed
+2. **Tailwind Version**: This package uses Tailwind CSS v4
+3. **Node Version**: Requires Node.js 18+ for Tailwind CSS v4
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build the package
+npm run build
+
+# Build for development
+npm run build:dev
+
+# Run tests
+npm test
+```
+
 ## Available Components
 
 ### Providers

package/dist/providers/GLICloudProvider.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import "../index.css";
 export declare const GLICloudProvider: ({ children, }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/GLICloudProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GLICloudProvider.d.ts","sourceRoot":"","sources":["../../src/providers/GLICloudProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,gBAAgB,GAAI,eAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAgBA,CAAC"}
+{"version":3,"file":"GLICloudProvider.d.ts","sourceRoot":"","sources":["../../src/providers/GLICloudProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,gBAAgB,GAAI,eAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAgBA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golocalinteractive/golocal-cloud-wrapper",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A React provider component for Go Local Interactive's cloud services",
   "license": "ISC",
   "author": "Tanner Barrett",
@@ -8,7 +8,6 @@
   "main": "./dist/golocal-cloud-wrapper.es.js",
   "module": "./dist/golocal-cloud-wrapper.es.js",
   "types": "./dist/index.d.ts",
-  "style": "./dist/golocal-cloud-wrapper.css",
   "files": [
     "dist",
     "README.md"
@@ -18,8 +17,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/golocal-cloud-wrapper.es.js",
       "require": "./dist/golocal-cloud-wrapper.umd.js"
-    },
-    "./styles": "./dist/golocal-cloud-wrapper.css"
+    }
   },
   "scripts": {
     "build": "vite build && npm run build:types",