bulma-turbo-themes 0.9.0 → 0.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0248000a92c219c5c6c2ef953937cfab605a3a95569eb5d4f1299f54ee454ffa'
-  data.tar.gz: 147029c64c3eb2921ea8479729f63c64cd781f0e75cc89cefdd549768fb5cf3c
+  metadata.gz: 352de76a819f7974bf59413f95c405de1d1221b685ca7bf34e49f39d2ca2cabd
+  data.tar.gz: a3462d0c49bce011848030bf0806f68f461d1b7b5e7ac537efb33240daf95323
 SHA512:
-  metadata.gz: 3a6e217f897de1f3a5780b8381e2e47656cd12a43705a1f60aaa151cfda2bb480e64ff1ec3ba1846190c1d184db523bf4a45fc1754eacc0cf0db45268ca295f9
-  data.tar.gz: 919028a99aebd28eb2fec246aaed5b0d61df8eeaf73f946c92067ead7fb30f7cc727858340fb9006ccdae41b97ddf859c2bc03ab8f111040598eaf6b1d5ad115
+  metadata.gz: f080c9bb2981b50095fa15a7138206881b1c3ffc2eabf3950908c09ccccef4587c37c6ed0c8849bafca9cc865bf1afc86fdd988e53ab9b8234ebc60ee21ee89e
+  data.tar.gz: 10b6bc1c9c576143099ae3d87ec24f7a8e072ae8b8307d34d3d7c481d5bbb30dafdaf872970360a708e846d9cd5ba3cb5f7f7157b3c88dfe100d5c135dadf60c

data/CHANGELOG.md

@@ -10,6 +10,24 @@ The format is based on Keep a Changelog and this project adheres to SemVer.
 
 - TBD
 
+## [0.10.1] - 2025-12-05
+
+### 🐛 Fixed
+
+- update actions/create-github-app-token action to v1.12.0 (#153)
+
+## [0.10.0] - 2025-12-05
+
+### ✨ Added
+
+- add full theming solution with context and hooks (#151)
+
+### 🐛 Fixed
+
+- recognize scoped conventional commits in version bump (#154)
+- update peter-evans/create-pull-request action to v7.0.11 (#148)
+- add missing egress endpoints for Bun CDN downloads
+
 ## [0.9.0] - 2025-12-05
 
 ### ✨ Added

data/README.md

@@ -158,6 +158,93 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 ```
 
+### React Native / Cross-Platform
+
+This package provides platform-agnostic design tokens that work in React Native, Expo, and other non-web environments.
+
+#### Installation
+
+```bash
+bun add @turbocoder13/bulma-turbo-themes
+# or
+npm install @turbocoder13/bulma-turbo-themes
+```
+
+#### Basic Usage (Without Context)
+
+```tsx
+import { useTheme, useThemeColors } from '@turbocoder13/bulma-turbo-themes/tokens/react-native';
+
+function MyComponent() {
+  const { colors, styles, theme } = useTheme('catppuccin-mocha');
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.h1}>{theme.label}</Text>
+      <Text style={[styles.text, { color: colors.brandPrimary }]}>
+        Primary color text
+      </Text>
+    </View>
+  );
+}
+```
+
+#### With ThemeProvider (Recommended)
+
+```tsx
+import { ThemeProvider, useThemeContext } from '@turbocoder13/bulma-turbo-themes/tokens/react-native';
+import { useColorScheme } from 'react-native';
+
+// Wrap your app with ThemeProvider
+function App() {
+  return (
+    <ThemeProvider
+      useColorScheme={useColorScheme}
+      followSystem
+      lightTheme="catppuccin-latte"
+      darkTheme="catppuccin-mocha"
+    >
+      <MyApp />
+    </ThemeProvider>
+  );
+}
+
+// Use the theme in any component
+function MyApp() {
+  const { colors, styles, setTheme, toggleAppearance, appearance } = useThemeContext();
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.h1}>Welcome!</Text>
+      <Button
+        title={`Switch to ${appearance === 'dark' ? 'light' : 'dark'}`}
+        onPress={toggleAppearance}
+      />
+    </View>
+  );
+}
+```
+
+#### Available Exports
+
+| Import Path | Use Case |
+|-------------|----------|
+| `@turbocoder13/bulma-turbo-themes/tokens` | Platform-agnostic tokens (pure data) |
+| `@turbocoder13/bulma-turbo-themes/tokens/react-native` | React Native utilities, hooks, and context |
+| `@turbocoder13/bulma-turbo-themes/tokens.json` | JSON tokens for Flutter, Swift, Kotlin |
+| `@turbocoder13/bulma-turbo-themes/css/*` | CSS files for web |
+
+#### Pre-built Styles
+
+The React Native module includes pre-built styles for common components:
+
+- **Layout**: `container`, `safeArea`, `centered`, `row`
+- **Typography**: `h1`-`h6`, `text`, `textSecondary`, `caption`, `label`, `link`
+- **Components**: `card`, `cardElevated`, `button`, `buttonOutline`, `input`, `listItem`, `badge`, `tag`, `divider`
+- **State Colors**: `success`, `warning`, `danger`, `info`
+
+Plus design tokens for `spacing`, `typography`, `borderRadius`, and `shadows`.
+
 ## Testing
 
 This project includes comprehensive testing: