open-index/open-npm huggingface dataset:
npm package: @mowbie/brand
Description: Mowbie brand design tokens — colours, typography, spacing, and radius for web and React Native
Latest version: 1.0.2

# @mowbie/brand

Mowbie's shared design tokens — colours, typography, spacing, and radius — for consistent branding across web app, mobile app, and website.

## Installation

```bash
npm install @mowbie/brand
```

## Usage

### Core tokens (any platform)

```typescript
import { brand, hslToHex } from "@mowbie/brand";

// Access colour tuples [h, s, l]
const primary = brand.colors.light.primary; // [234, 85, 60]
const hex = hslToHex(primary); // "#4254f0"

// Typography
brand.fonts.heading; // "'Plus Jakarta Sans', system-ui, ..."
brand.fonts.weights.bold; // 700

// Spacing (4px base unit)
brand.spacing.scale["4"]; // 16

// Border radius
brand.radius.lg; // 12
```

### Web app (React + Tailwind)

```typescript
import { generateCssVars, tailwindFontFamily } from "@mowbie/brand/web";

// Generate CSS variables from tokens
const lightVars = generateCssVars("light");
// { "--primary": "234 85% 60%", "--accent": "187 85% 43%", ... }

// Get Tailwind font family array
const fontFamily = tailwindFontFamily();
// ["'Plus Jakarta Sans'", "system-ui", "-apple-system", "sans-serif"]
```

### React Native / Expo

```typescript
import { mowbieTheme } from "@mowbie/brand/native";

// Hex colours ready for StyleSheet
mowbieTheme.colors.light.primary; // "#4254f0"
mowbieTheme.colors.dark.primary; // "#516cf6"

// Numeric spacing
mowbieTheme.spacing["4"]; // 16

// Font names for Expo
mowbieTheme.fonts.heading; // "PlusJakartaSans-Bold"
mowbieTheme.fonts.body; // "PlusJakartaSans-Regular"

// React Native shadows
mowbieTheme.shadows.md;
// { shadowColor: "#000", shadowOffset: { width: 0, height: 2 },
//   shadowOpacity: 0.07, shadowRadius: 4, elevation: 3 }

// Chart colours
mowbieTheme.colors.chart.light; // ["#4254f0", "#10b5cb", ...]

// Gradient endpoints
mowbieTheme.colors.gradient.light; // { start: "#4254f0", end: "#10b5cb" }
```

## Updating

When brand tokens change in the web app project:

1. Edit `packages/brand/src/index.ts` (the single source of truth)
2. Run `npm run brand:publish` from the project root to bump version, build, and publish
3. Run `npm update @mowbie/brand` in the mobile app project

## Font loading

### Web
Plus Jakarta Sans is loaded via Google Fonts in `client/index.html`. No action needed.

### React Native / Expo
Install the font package:
```bash
npx expo install @expo-google-fonts/plus-jakarta-sans expo-font
```

Then load it in your app entry:
```typescript
import { useFonts, PlusJakartaSans_400Regular, PlusJakartaSans_500Medium, PlusJakartaSans_600SemiBold, PlusJakartaSans_700Bold } from "@expo-google-fonts/plus-jakarta-sans";
```
npm package: @mowgly11/node-logger-js
Description: a logging system that helps you implement application logs in a stylish and easy way to debug
Author: mowgly11
Latest version: 0.0.3

# Logger

A lightweight, colorized logging library for Node.js applications. It provides a simple API to print structured, color-coded log messages to the console with timestamps and custom labels.

## Installation

```bash
npm install logger
```

## Usage

```typescript
import { Logger } from "logger";

const log = new Logger("MyApp");

log.info("Server started on port 3000");
log.warn("Disk usage is above 80%");
log.error("Failed to connect to database");
```

### Output

```
[INFO][MyApp - 3/8/2026 - 10:30:00 AM] - Server started on port 3000
[WARNING][MyApp - 3/8/2026 - 10:30:00 AM] - Disk usage is above 80%
[ERROR][MyApp - 3/8/2026 - 10:30:00 AM] - Failed to connect to database
```

Log levels are color-coded using [chalk](https://github.com/chalk/chalk):
- **INFO** — green
- **WARNING** — yellow
- **ERROR** — red

## API

### `new Logger(name?, timeType?)`

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `name` | `string` | `"APP"` | Label displayed in each log message |
| `timeType` | `"date" \| "datetime"` | `"datetime"` | `"date"` shows only the date, `"datetime"` shows date and time |

### Methods

- **`info(message: string)`** — Logs an informational message
- **`warn(message: string)`** — Logs a warning message
- **`error(message: string)`** — Logs an error message

## License

MIT
npm package: @mowmo/mowmo-ui
Description: A Bootstrap 4 skin for Mowmo's web properties.
Author: Ryan Berliner
Latest version: 0.4.1

# @mowmo/mowmo-ui
[![npm verion](https://img.shields.io/npm/v/@mowmo/mowmo-ui.svg)](https://github.com/RyanBerliner/mowmo-ui)
[![license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/RyanBerliner/mowmo-ui)

A Bootstrap 4 skin for Mowmo's web properties.

## Development

**TL;DR** `npm start` to start developing @ **localhost:3001**.

The documentation is in the `docs/` folder, which is where you will be running a local server for development. This is the same directory that GitHub hosts a static site from. The local static server is served with `browser-sync`, which also enables automatic refreshes. Start this server with `npm start`.

This starts a server @ **localhost:3001**. This command works by compiling SCSS, copying all assets to the `docs/` folder, and then reloads the browser.

## Usage 

`npm install @mowmo/mowmo-ui`

```
// Step 1: @import 'variables';
// Step 2: Import Bootstrap
// Step 3: Import Font Awesome
// Step 4: @import 'mowmo-ui';
// Step 5: Import project specific styles 
```