react-native-mantine 0.14.0 → 0.16.0

package/README.md

@@ -1,300 +1,134 @@
-# React Native Mantine (WIP/WORK IN PROGRESS)
-
 <div align="center">
 
+# React Native Mantine
+
 [![npm version](https://img.shields.io/npm/v/react-native-mantine.svg?style=flat-square)](https://www.npmjs.com/package/react-native-mantine)
-[![npm downloads](https://img.shields.io/npm/dm/react-native-mantine.svg?style=flat-square)](https://www.npmjs.com/package/react-native-mantine)
 [![license](https://img.shields.io/npm/l/react-native-mantine.svg?style=flat-square)](https://github.com/auronsan/react-native-mantine/blob/main/LICENSE)
-[![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-native-mantine?style=flat-square)](https://bundlephobia.com/package/react-native-mantine)
+[![npm downloads](https://img.shields.io/npm/dm/react-native-mantine.svg?style=flat-square)](https://www.npmjs.com/package/react-native-mantine)
 [![GitHub stars](https://img.shields.io/github/stars/auronsan/react-native-mantine?style=flat-square)](https://github.com/auronsan/react-native-mantine/stargazers)
 [![React Native](https://img.shields.io/badge/React%20Native-0.74.5-blue.svg?style=flat-square)](https://reactnative.dev/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.2.2-blue.svg?style=flat-square)](https://www.typescriptlang.org/)
 
 A comprehensive React Native component library inspired by [Mantine](https://mantine.dev/), bringing beautiful and accessible UI components to your mobile applications.
 
-[Installation](#installation) • [Components](#components) • [Usage](#usage) • [Theme](#theme-system) • [Example App](#example-app) • [Contributing](#contributing)
+**Work in Progress** - This library is actively developed and evolving.
 
 </div>
 
----
-
-## 🌐 Live Demo
-
-Try out all components in action without any installation:
-
-**[→ View Live Demo on GitHub Pages](https://auronsan.github.io/react-native-mantine/)**
-
-The demo showcases 70+ components running on the web via React Native Web, with:
-- Interactive component examples
-- Live code previews
-- Theme customization
-- All component variants and props
-
----
-
-## Quick Start
+## Links
 
-### 🚀 Use the Template
+- [Documentation and demos](https://auronsan.github.io/react-native-mantine/)
+- [Getting started template](https://github.com/auronsan/react-native-mantine-template)
+- [NPM package](https://www.npmjs.com/package/react-native-mantine)
+- [GitHub repository](https://github.com/auronsan/react-native-mantine)
+- [Contributing guide](CONTRIBUTING.md)
 
-The fastest way to get started is by using our GitHub template:
+## Packages
 
-**[→ Use React Native Mantine Template](https://github.com/auronsan/react-native-mantine-template)**
+React Native Mantine provides:
 
-This template includes all dependencies configured, TypeScript setup, and example components ready to use.
+- **70+ Components** – Button, TextInput, Paper, Modal, Drawer, and many more
+- **Theme System** – 14 color palettes with 10 shades each, aligned with Mantine v6
+- **8 Variants** – filled, light, outline, subtle, white, default, gradient, transparent
+- **Dark Mode** – Full color scheme support with automatic adjustments
+- **TypeScript** – Written in TypeScript with comprehensive type definitions
+- **Accessibility** – Built with mobile accessibility best practices
+- **Cross-platform** – iOS, Android, and Web (via React Native Web)
 
 ## Installation
 
 ```bash
-# Using npm
 npm install react-native-mantine
-
-# Using yarn
-yarn add react-native-mantine
-
-# Using pnpm
-pnpm add react-native-mantine
 ```
 
-### Peer Dependencies
-
-Ensure you have the following peer dependencies installed:
+### Peer dependencies
 
 ```bash
 npm install react react-native expo-linear-gradient expo-font expo-clipboard
 ```
 
----
-
 ## Quick Start
 
-Wrap your application with the `ThemeProvider` to enable theming:
-
 ```tsx
-import { ThemeProvider } from 'react-native-mantine';
+import { ThemeProvider, Button, Text, Stack, Paper } from 'react-native-mantine';
 
 export default function App() {
   return (
     <ThemeProvider>
-      {/* Your app components */}
+      <Stack spacing="md">
+        <Paper padding="lg" shadow="sm">
+          <Text size="xl" weight={700}>
+            Welcome to React Native Mantine
+          </Text>
+          <Text color="dimmed">
+            Build beautiful mobile apps with ease
+          </Text>
+        </Paper>
+        <Button variant="filled" color="blue" onPress={() => console.log('Pressed!')}>
+          Get Started
+        </Button>
+      </Stack>
     </ThemeProvider>
   );
 }
 ```
 
-### Basic Usage Example
+## Theme Customization
 
 ```tsx
-import { Button, Text, Stack, Paper } from 'react-native-mantine';
+import { ThemeProvider, createTheme } from 'react-native-mantine';
+
+const theme = createTheme({
+  primaryColor: 'teal',
+  primaryShade: { light: 6, dark: 8 },
+  fontFamily: 'Inter',
+  colors: {
+    brand: [
+      '#e6f7ff',
+      '#bae7ff',
+      '#91d5ff',
+      '#69c0ff',
+      '#40a9ff',
+      '#1890ff',
+      '#096dd9',
+      '#0050b3',
+      '#003a8c',
+      '#002766',
+    ],
+  },
+});
 
-function MyComponent() {
+export default function App() {
   return (
-    <Stack spacing="md">
-      <Paper padding="lg" shadow="sm">
-        <Text size="xl" weight={700}>
-          Welcome to React Native Mantine
-        </Text>
-        <Text color="dimmed">
-          Build beautiful mobile apps with ease
-        </Text>
-      </Paper>
-
-      <Button variant="filled" color="blue" onPress={() => console.log('Pressed!')}>
-        Get Started
-      </Button>
-    </Stack>
+    <ThemeProvider theme={theme}>
+      {/* Your app components */}
+    </ThemeProvider>
   );
 }
 ```
 
----
-
-## Example App
-
-The library includes a comprehensive example application showcasing all components with live examples and code snippets.
-
-### Running the Example App
-
-```bash
-# Clone the repository
-git clone https://github.com/auronsan/react-native-mantine.git
-cd react-native-mantine
-
-# Install dependencies
-yarn install
-
-# Run on Web (recommended for quick preview)
-yarn example web
-
-# Run on iOS
-yarn example ios
-
-# Run on Android
-yarn example android
-
-# Start Metro bundler
-yarn example start
-```
-
-The example app includes:
-
-- Interactive component showcase
-- All 70+ components with examples
-- Theme customization demos
-- Component variant demonstrations
-- Code examples for each component
-- **Web support** via React Native Web (also available at [live demo](https://auronsan.github.io/react-native-mantine/))
-
----
-
-## Development
-
-### Project Structure
-
-```
-react-native-mantine/
-├── src/
-│   ├── components/     # All component implementations
-│   ├── theme/          # Theme system and utilities
-│   └── hooks/          # Custom React hooks
-├── example/            # Example application
-│   └── src/
-│       ├── examples/   # Component examples
-│       └── screens/    # Example app screens
-├── lib/                # Built library output
-└── package.json
-```
-
-### Scripts
-
-```bash
-# Development
-yarn example start           # Start example app
-yarn example web            # Run on web browser
-yarn example ios            # Run on iOS
-yarn example android        # Run on Android
-
-# Testing & Quality
-yarn test                   # Run Jest tests
-yarn typecheck             # TypeScript type checking
-yarn lint                  # Run ESLint
-yarn prettier:write        # Format code
-
-# Building
-yarn prepare               # Build library
-yarn clean                # Clean build artifacts
-
-# Web Deployment
-cd example
-yarn web:build             # Build for GitHub Pages
-yarn web:serve             # Serve production build locally
-```
-
-### Building the Library
-
-The library uses `react-native-builder-bob` for building:
+## Getting Help
 
-```bash
-yarn prepare
-```
-
-This generates:
+Join our community:
 
-- CommonJS output in `lib/commonjs/`
-- ES modules output in `lib/module/`
-- TypeScript definitions in `lib/typescript/`
-
----
+- [GitHub Issues](https://github.com/auronsan/react-native-mantine/issues) – Bug reports and feature requests
+- [GitHub Discussions](https://github.com/auronsan/react-native-mantine/discussions) – Questions and community support
 
 ## Contributing
 
-Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.
-
-### Development Workflow
-
-1. Fork the repository
-2. Create your feature branch (`git checkout -b feature/amazing-feature`)
-3. Make your changes
-4. Run tests and linting (`yarn test && yarn lint`)
-5. Commit your changes (`git commit -m 'Add amazing feature'`)
-6. Push to the branch (`git push origin feature/amazing-feature`)
-7. Open a Pull Request
-
-### Component Development Guidelines
-
-- Follow existing component patterns
-- Include TypeScript types for all props
-- Write tests for new components
-- Add examples in the example app
-- Document props and usage in JSDoc comments
-- Support all standard variants and sizes where applicable
-
----
-
-## Roadmap
-
-- [x] Web platform support (via React Native Web)
-- [x] Live demo on GitHub Pages
-- [ ] Additional components (Carousel, DatePicker, ColorPicker)
-- [ ] Enhanced animations and transitions
-- [ ] Improved accessibility features
-- [ ] Performance optimizations
-- [ ] Comprehensive documentation site
-- [ ] Storybook integration
-- [ ] More theming options
-
----
+We welcome contributions! Please read our [Contributing Guide](CONTRIBUTING.md) to learn about our development process, code standards, and how to submit pull requests.
 
 ## Browser/Platform Support
 
 - iOS 13.0+
 - Android API 21+
 - React Native 0.70+
-- Web (via React Native Web)
-  - Chrome, Firefox, Safari, Edge (latest versions)
-  - Progressive Web App (PWA) compatible
-
----
+- Web (via React Native Web) – Chrome, Firefox, Safari, Edge (latest versions)
 
 ## Credits
 
 This library is inspired by the excellent [Mantine](https://mantine.dev/) project by Vitaly Rtishchev. Special thanks to the Mantine team for creating such a wonderful UI library.
 
----
-
-## License
-
-MIT License - see the [LICENSE](LICENSE) file for details.
-
-Copyright (c) 2024 Auronsan
-
----
-
-## Documentation
-
-Visit our official documentation site:
-
-**https://auronsan.github.io/react-native-mantine/**
-
-The documentation includes:
-- Interactive component showcase
-- Complete setup guide
-- API reference
-- Usage examples
-- Theme customization guide
-
----
-
-## Links
-
-- [Documentation Site](https://auronsan.github.io/react-native-mantine/)
-- [GitHub Repository](https://github.com/auronsan/react-native-mantine)
-- [NPM Package](https://www.npmjs.com/package/react-native-mantine)
-- [GitHub Packages](https://github.com/auronsan/react-native-mantine/packages)
-- [Issue Tracker](https://github.com/auronsan/react-native-mantine/issues)
-- [Mantine (Web)](https://mantine.dev/)
-
----
-
 ## Support
 
 If you like this project, please consider:
@@ -304,6 +138,10 @@ If you like this project, please consider:
 - Contributing to the codebase
 - Sharing with other developers
 
+## License
+
+MIT – see the [LICENSE](LICENSE) file for details.
+
 ---
 
 Made with ❤️ by [Auronsan](https://github.com/auronsan)

package/lib/commonjs/components/ActionIcon/ActionIcon.js

@@ -54,7 +54,7 @@ const useStyles = (0, _createStyles.createStyles)((theme, {
       justifyContent: 'center'
     },
     iconWrapper: {
-      backgroundColor: variant === 'transparent' ? 'transparent' : theme.currentMode === 'dark' ? theme.primaryBgColor : theme.secondaryBgColor,
+      backgroundColor: variant === 'transparent' ? 'transparent' : theme.colorScheme === 'dark' ? theme.fn.primaryColor() : theme.fn.themeColor('gray', 1),
       borderRadius: sizeValue / 2,
       alignItems: 'center',
       justifyContent: 'center',

package/lib/commonjs/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_createStyles","_index","_index2","_jsxRuntime","ActionIcon","exports","forwardRef","onPress","children","variant","style","size","ref","styles","useStyles","jsx","TouchableOpacity","container","BoxView","iconWrapper","sizes","xs","sm","md","lg","xl","createStyles","theme","sizeValue","getSize","alignItems","justifyContent","backgroundColor","currentMode","primaryBgColor","secondaryBgColor","borderRadius","height","width"],"sourceRoot":"../../../../src","sources":["components/ActionIcon/ActionIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAW/B,MAAMM,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CACE;EACEC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,IAAI,GAAG;AACT,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAO,CAAC,GAAGC,SAAS,CAAC;IAAEH,IAAI;IAAEF;EAAQ,CAAC,CAAC;EAC/C,oBACE,IAAAN,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,gBAAgB;IACfJ,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAC5DG,KAAK,EAAE,CAACG,MAAM,CAACI,SAAS,EAAEP,KAAK,CAAE;IAAAF,QAAA,eAEjC,IAAAL,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAiB,OAAO;MAACR,KAAK,EAAEG,MAAM,CAACM,WAAY;MAAAX,QAAA,EAAEA;IAAQ,CAAU;EAAC,CACxC,CAAC;AAEvB,CACF,CAAC;AAEM,MAAMY,KAAK,GAAAf,OAAA,CAAAe,KAAA,GAAG;EACnBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMX,SAAS,GAAG,IAAAY,0BAAY,EAC5B,CACEC,KAAK,EACL;EACEhB,IAAI,GAAG,IAAI;EACXF,OAAO,GAAG;AAIZ,CAAC,KACE;EACH,MAAMmB,SAAS,GAAG,OAAOjB,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,IAAAkB,eAAO,EAAC;IAAElB,IAAI;IAAES;EAAM,CAAC,CAAC;EAE5E,OAAO;IACLH,SAAS,EAAE;MACTa,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDZ,WAAW,EAAE;MACXa,eAAe,EACbvB,OAAO,KAAK,aAAa,GACrB,aAAa,GACbkB,KAAK,CAACM,WAAW,KAAK,MAAM,GAC1BN,KAAK,CAACO,cAAc,GACpBP,KAAK,CAACQ,gBAAgB;MAC9BC,YAAY,EAAER,SAAS,GAAG,CAAC;MAC3BE,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBM,MAAM,EAAET,SAAS;MACjBU,KAAK,EAAEV;IACT;EACF,CAAC;AACH,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_createStyles","_index","_index2","_jsxRuntime","ActionIcon","exports","forwardRef","onPress","children","variant","style","size","ref","styles","useStyles","jsx","TouchableOpacity","container","BoxView","iconWrapper","sizes","xs","sm","md","lg","xl","createStyles","theme","sizeValue","getSize","alignItems","justifyContent","backgroundColor","colorScheme","fn","primaryColor","themeColor","borderRadius","height","width"],"sourceRoot":"../../../../src","sources":["components/ActionIcon/ActionIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAW/B,MAAMM,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CACE;EACEC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,IAAI,GAAG;AACT,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAO,CAAC,GAAGC,SAAS,CAAC;IAAEH,IAAI;IAAEF;EAAQ,CAAC,CAAC;EAC/C,oBACE,IAAAN,WAAA,CAAAY,GAAA,EAAChB,YAAA,CAAAiB,gBAAgB;IACfJ,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAC5DG,KAAK,EAAE,CAACG,MAAM,CAACI,SAAS,EAAEP,KAAK,CAAE;IAAAF,QAAA,eAEjC,IAAAL,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAiB,OAAO;MAACR,KAAK,EAAEG,MAAM,CAACM,WAAY;MAAAX,QAAA,EAAEA;IAAQ,CAAU;EAAC,CACxC,CAAC;AAEvB,CACF,CAAC;AAEM,MAAMY,KAAK,GAAAf,OAAA,CAAAe,KAAA,GAAG;EACnBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMX,SAAS,GAAG,IAAAY,0BAAY,EAC5B,CACEC,KAAK,EACL;EACEhB,IAAI,GAAG,IAAI;EACXF,OAAO,GAAG;AAIZ,CAAC,KACE;EACH,MAAMmB,SAAS,GAAG,OAAOjB,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,IAAAkB,eAAO,EAAC;IAAElB,IAAI;IAAES;EAAM,CAAC,CAAC;EAE5E,OAAO;IACLH,SAAS,EAAE;MACTa,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDZ,WAAW,EAAE;MACXa,eAAe,EACbvB,OAAO,KAAK,aAAa,GACrB,aAAa,GACbkB,KAAK,CAACM,WAAW,KAAK,MAAM,GAC1BN,KAAK,CAACO,EAAE,CAACC,YAAY,CAAC,CAAC,GACvBR,KAAK,CAACO,EAAE,CAACE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;MACtCC,YAAY,EAAET,SAAS,GAAG,CAAC;MAC3BE,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBO,MAAM,EAAEV,SAAS;MACjBW,KAAK,EAAEX;IACT;EACF,CAAC;AACH,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Anchor/index.js

@@ -27,23 +27,22 @@ const useStyles = (0, _index2.createStyles)((theme, {
 }, {
   variant
 }) => {
-  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
   const fontSize = sizes[size] || sizes.md;
   const getVariantStyles = () => {
     switch (variant) {
       case 'link':
         return {
-          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          color: theme.fn.themeColor(color, 6),
           textDecorationLine: underline ? 'underline' : 'none'
         };
       case 'text':
         return {
-          color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] || theme.white : theme.black,
+          color: theme.colorScheme === 'dark' ? theme.fn.themeColor('dark', 0) : theme.black,
           textDecorationLine: 'none'
         };
       default:
         return {
-          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          color: theme.fn.themeColor(color, 6),
           textDecorationLine: underline ? 'underline' : 'none'
         };
     }

package/lib/commonjs/components/Anchor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_themeProvider","_index2","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","size","weight","underline","variant","colors","primaryColor","fontSize","getVariantStyles","primaryBgColor","textDecorationLine","colorScheme","dark","white","black","root","fontWeight","defaultProps","withTextWrapper","Anchor","exports","forwardRef","props","ref","href","onPress","children","style","shouldWrapInText","others","useComponentDefaultProps","styles","sx","name","handlePress","Linking","openURL","catch","err","console","error","jsx","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Anchor/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_themeProvider","_index2","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","size","weight","underline","variant","fontSize","getVariantStyles","fn","themeColor","textDecorationLine","colorScheme","black","root","fontWeight","defaultProps","withTextWrapper","Anchor","exports","forwardRef","props","ref","href","onPress","children","style","shouldWrapInText","others","useComponentDefaultProps","styles","sx","name","handlePress","Linking","openURL","catch","err","console","error","jsx","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Anchor/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Avatar/index.js

@@ -25,7 +25,6 @@ const useStyles = (0, _index3.createStyles)((theme, {
   radius,
   size
 }) => {
-  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
   const sizeValue = typeof size === 'number' ? (0, _rem.rem)(size) : sizes[size] || sizes.md;
   return {
     root: {
@@ -33,7 +32,7 @@ const useStyles = (0, _index3.createStyles)((theme, {
       height: sizeValue,
       borderRadius: theme.fn.radius(radius),
       overflow: 'hidden',
-      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      backgroundColor: theme.fn.themeColor(color, 6),
       justifyContent: 'center',
       alignItems: 'center'
     },

package/lib/commonjs/components/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","radius","size","colors","primaryColor","sizeValue","root","width","height","borderRadius","fn","overflow","backgroundColor","primaryBgColor","justifyContent","alignItems","image","placeholder","placeholderText","white","fontSize","fontWeight","textTransform","defaultProps","getInitials","name","names","trim","split","length","substring","toUpperCase","Avatar","exports","forwardRef","props","ref","src","alt","children","imageProps","style","others","useComponentDefaultProps","imageError","setImageError","useState","styles","sx","shouldShowImage","renderPlaceholder","jsx","BoxView","initials","Text","Image","source","uri","onError","displayName"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","radius","size","sizeValue","root","width","height","borderRadius","fn","overflow","backgroundColor","themeColor","justifyContent","alignItems","image","placeholder","placeholderText","white","fontSize","fontWeight","textTransform","defaultProps","getInitials","name","names","trim","split","length","substring","toUpperCase","Avatar","exports","forwardRef","props","ref","src","alt","children","imageProps","style","others","useComponentDefaultProps","imageError","setImageError","useState","styles","sx","shouldShowImage","renderPlaceholder","jsx","BoxView","initials","Text","Image","source","uri","onError","displayName"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAOA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AAA4C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA4B5C,MAAMkB,KAAK,GAAG;EACZC,EAAE,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;EACXC,EAAE,EAAE,IAAAD,QAAG,EAAC,EAAE,CAAC;EACXE,EAAE,EAAE,IAAAF,QAAG,EAAC,EAAE,CAAC;EACXG,EAAE,EAAE,IAAAH,QAAG,EAAC,EAAE,CAAC;EACXI,EAAE,EAAE,IAAAJ,QAAG,EAAC,EAAE;AACZ,CAAC;AAED,MAAMK,SAAS,GAAG,IAAAC,oBAAY,EAC5B,CACEC,KAAK,EACL;EACEC,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,KACE;EACH,MAAMC,SAAS,GAAG,OAAOD,IAAI,KAAK,QAAQ,GAAG,IAAAV,QAAG,EAACU,IAAI,CAAC,GAAGZ,KAAK,CAACY,IAAI,CAAuB,IAAIZ,KAAK,CAACI,EAAE;EAEtG,OAAO;IACLU,IAAI,EAAE;MACJC,KAAK,EAAEF,SAAgB;MACvBG,MAAM,EAAEH,SAAgB;MACxBI,YAAY,EAAER,KAAK,CAACS,EAAE,CAACP,MAAM,CAACA,MAAM,CAAC;MACrCQ,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAEX,KAAK,CAACS,EAAE,CAACG,UAAU,CAACX,KAAK,EAAE,CAAC,CAAC;MAC9CY,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAQ;IACRC,KAAK,EAAE;MACLT,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDS,WAAW,EAAE;MACXH,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBR,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDU,eAAe,EAAE;MACfhB,KAAK,EAAED,KAAK,CAACkB,KAAK;MAClBC,QAAQ,EAAE,OAAOhB,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,GAAG,GAAGC,SAAS,GAAG,GAAG;MACjEgB,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE;IACjB;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMC,YAAkC,GAAG;EACzCnB,IAAI,EAAE,IAAI;EACVD,MAAM,EAAE,IAAI;EACZD,KAAK,EAAE;AACT,CAAC;AAED,MAAMsB,WAAW,GAAIC,IAAY,IAAa;EAC5C,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EACpC,IAAIF,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOH,KAAK,CAAC,CAAC,CAAC,EAAEI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,EAAE;EACtD;EACA,OAAO,CAAC,CAACL,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAKA,KAAK,CAACA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAEE,WAAW,CAAC,CAAC;AACrF,CAAC;AAEM,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAAmB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjE,MAAM;IACJC,GAAG;IACHC,GAAG;IACHlC,IAAI;IACJD,MAAM;IACND,KAAK;IACLqC,QAAQ;IACRC,UAAU;IACVC,KAAK;IACL,GAAGC;EACL,CAAC,GAAG,IAAAC,uCAAwB,EAAC,QAAQ,EAAEpB,YAAY,EAAEY,KAAK,CAAC;EAE3D,MAAM,CAACS,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAM;IAAEC,MAAM;IAAEC;EAAE,CAAC,GAAGjD,SAAS,CAC7B;IAAEG,KAAK;IAAEC,MAAM;IAAEC;EAAK,CAAC,EACvB;IAAEqB,IAAI,EAAE;EAAS,CACnB,CAAQ;EAER,MAAMwB,eAAe,GAAGZ,GAAG,IAAI,CAACO,UAAU;EAE1C,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIX,QAAQ,EAAE;MACZ,oBAAO,IAAAnE,WAAA,CAAA+E,GAAA,EAACnF,OAAA,CAAAoF,OAAO;QAACX,KAAK,EAAEM,MAAM,CAAC9B,WAAY;QAAAsB,QAAA,EAAEA;MAAQ,CAAU,CAAC;IACjE;IAEA,IAAID,GAAG,EAAE;MACP,MAAMe,QAAQ,GAAG7B,WAAW,CAACc,GAAG,CAAC;MACjC,oBACE,IAAAlE,WAAA,CAAA+E,GAAA,EAACnF,OAAA,CAAAoF,OAAO;QAACX,KAAK,EAAEM,MAAM,CAAC9B,WAAY;QAAAsB,QAAA,eACjC,IAAAnE,WAAA,CAAA+E,GAAA,EAACpF,MAAA,CAAAuF,IAAI;UAACb,KAAK,EAAEM,MAAM,CAAC7B,eAAgB;UAAAqB,QAAA,EAAEc;QAAQ,CAAO;MAAC,CAC/C,CAAC;IAEd;IAEA,OAAO,IAAI;EACb,CAAC;EAED,oBACE,IAAAjF,WAAA,CAAA+E,GAAA,EAACnF,OAAA,CAAAoF,OAAO;IAAChB,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAEO,EAAE,CAACD,MAAM,CAACzC,IAAI,EAAEmC,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACzDU,eAAe,gBACd,IAAA7E,WAAA,CAAA+E,GAAA,EAACrF,YAAA,CAAAyF,KAAK;MACJC,MAAM,EAAE;QAAEC,GAAG,EAAEpB,GAAG,IAAI;MAAG,CAAE;MAC3BI,KAAK,EAAEM,MAAM,CAAC/B,KAAa;MAC3B0C,OAAO,EAAEA,CAAA,KAAMb,aAAa,CAAC,IAAI,CAAE;MAAA,GAC/BL;IAAU,CACf,CAAC,GAEFU,iBAAiB,CAAC;EACnB,CACM,CAAC;AAEd,CAAC,CAAC;AAEFlB,MAAM,CAAC2B,WAAW,GAAG,QAAQ","ignoreList":[]}

package/lib/commonjs/components/Badge/index.js

@@ -54,39 +54,62 @@ const useStyles = (0, _index2.createStyles)((theme, {
   variant,
   size
 }) => {
-  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
   const sizeStyles = sizes[size] || sizes.md;
   const getVariantStyles = () => {
     switch (variant) {
       case 'filled':
-        return {
-          backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
-          color: theme.white
-        };
+        {
+          const variantStyles = theme.fn.variant({
+            variant: 'filled',
+            color
+          });
+          return {
+            backgroundColor: variantStyles.background,
+            color: variantStyles.color
+          };
+        }
       case 'light':
-        return {
-          backgroundColor: colors?.[0] || colors?.[1] || (theme.colors.gray || [])[0],
-          color: colors?.[6] || colors?.[5] || theme.primaryBgColor
-        };
+        {
+          const variantStyles = theme.fn.variant({
+            variant: 'light',
+            color
+          });
+          return {
+            backgroundColor: variantStyles.background,
+            color: variantStyles.color
+          };
+        }
       case 'outline':
-        return {
-          backgroundColor: 'transparent',
-          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
-          borderWidth: 1,
-          borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
-        };
+        {
+          const variantStyles = theme.fn.variant({
+            variant: 'outline',
+            color
+          });
+          return {
+            backgroundColor: variantStyles.background,
+            color: variantStyles.color,
+            borderWidth: 1,
+            borderColor: variantStyles.border
+          };
+        }
       case 'dot':
         return {
-          backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : theme.white,
-          color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+          backgroundColor: theme.colorScheme === 'dark' ? theme.fn.themeColor('dark', 5) : theme.white,
+          color: theme.colorScheme === 'dark' ? theme.fn.themeColor('dark', 0) : theme.black,
           borderWidth: 1,
-          borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3]
+          borderColor: theme.colorScheme === 'dark' ? theme.fn.themeColor('dark', 4) : theme.fn.themeColor('gray', 3)
         };
       default:
-        return {
-          backgroundColor: colors?.[6] || theme.primaryBgColor,
-          color: theme.white
-        };
+        {
+          const variantStyles = theme.fn.variant({
+            variant: 'filled',
+            color
+          });
+          return {
+            backgroundColor: variantStyles.background,
+            color: variantStyles.color
+          };
+        }
     }
   };
   return {
@@ -120,7 +143,7 @@ const useStyles = (0, _index2.createStyles)((theme, {
       width: dotSizes[size] || dotSizes.md,
       height: dotSizes[size] || dotSizes.md,
       borderRadius: dotSizes[size] || dotSizes.md,
-      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      backgroundColor: theme.fn.themeColor(color || theme.primaryColor),
       marginRight: theme.spacing.xs
     },
     label: {
@@ -166,6 +189,10 @@ const Badge = exports.Badge = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =
     variant,
     size
   });
+
+  // Get the text color from the variant styles
+  // We need to cast to access the color property since TypeScript doesn't know the exact type
+  const textColor = styles.root.color;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
     ref: ref,
     style: sx(styles.root, style),
@@ -177,7 +204,10 @@ const Badge = exports.Badge = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =
       }), leftSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
         style: styles.leftSection,
         children: leftSection
-      }), (0, _withTextWrapper.withTextWrapper)(children, shouldWrapInText, styles.label), rightSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      }), (0, _withTextWrapper.withTextWrapper)(children, shouldWrapInText, {
+        ...styles.label,
+        color: textColor
+      }), rightSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
         style: styles.rightSection,
         children: rightSection
       })]