react-native-mantine 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/LinearGradient/PlatformLinearGradient.js +9 -9
- package/lib/commonjs/components/LinearGradient/PlatformLinearGradient.js.map +1 -1
- package/lib/commonjs/components/index.js +35 -46
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/theme/functions/fns/gradient/gradient.js +3 -3
- package/lib/commonjs/theme/functions/fns/gradient/gradient.js.map +1 -1
- package/lib/commonjs/theme/functions/fns/theme-color/theme-color.js +1 -1
- package/lib/module/components/LinearGradient/PlatformLinearGradient.js +9 -9
- package/lib/module/components/LinearGradient/PlatformLinearGradient.js.map +1 -1
- package/lib/module/components/index.js +0 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/theme/functions/fns/gradient/gradient.js +2 -2
- package/lib/module/theme/functions/fns/gradient/gradient.js.map +1 -1
- package/lib/module/theme/functions/fns/theme-color/theme-color.js +1 -1
- package/lib/typescript/commonjs/src/components/Button/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/ColorSwatch/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/ColorSwatch/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/LinearGradient/PlatformLinearGradient.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/Mark/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/components/Mark/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Space/index.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Space/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/index.d.ts +0 -1
- package/lib/typescript/commonjs/src/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/functions/fns/gradient/gradient.d.ts +2 -2
- package/lib/typescript/commonjs/src/theme/functions/fns/gradient/gradient.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/theme/types/DefaultProps.d.ts +2 -2
- package/lib/typescript/commonjs/src/theme/types/DefaultProps.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/index.d.ts +1 -1
- package/lib/typescript/module/src/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/ColorSwatch/index.d.ts +1 -1
- package/lib/typescript/module/src/components/ColorSwatch/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/LinearGradient/PlatformLinearGradient.d.ts +1 -1
- package/lib/typescript/module/src/components/Mark/index.d.ts +1 -1
- package/lib/typescript/module/src/components/Mark/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Space/index.d.ts +2 -2
- package/lib/typescript/module/src/components/Space/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/index.d.ts +0 -1
- package/lib/typescript/module/src/components/index.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/functions/fns/gradient/gradient.d.ts +2 -2
- package/lib/typescript/module/src/theme/functions/fns/gradient/gradient.d.ts.map +1 -1
- package/lib/typescript/module/src/theme/types/DefaultProps.d.ts +2 -2
- package/lib/typescript/module/src/theme/types/DefaultProps.d.ts.map +1 -1
- package/package.json +2 -4
- package/src/components/Button/index.tsx +1 -1
- package/src/components/ColorSwatch/index.tsx +1 -1
- package/src/components/LinearGradient/PlatformLinearGradient.tsx +9 -9
- package/src/components/Mark/index.tsx +1 -1
- package/src/components/Space/index.tsx +2 -2
- package/src/components/index.tsx +0 -1
- package/src/theme/functions/fns/gradient/gradient.ts +2 -2
- package/src/theme/functions/fns/theme-color/theme-color.ts +1 -1
- package/src/theme/types/DefaultProps.ts +3 -3
- package/lib/commonjs/components/Slider/index.js +0 -300
- package/lib/commonjs/components/Slider/index.js.map +0 -1
- package/lib/module/components/Slider/index.js +0 -295
- package/lib/module/components/Slider/index.js.map +0 -1
- package/lib/typescript/commonjs/src/components/Slider/index.d.ts +0 -43
- package/lib/typescript/commonjs/src/components/Slider/index.d.ts.map +0 -1
- package/lib/typescript/module/src/components/Slider/index.d.ts +0 -43
- package/lib/typescript/module/src/components/Slider/index.d.ts.map +0 -1
- package/src/components/Slider/index.tsx +0 -349
|
@@ -65,10 +65,10 @@ export function gradient(theme) {
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
/**
|
|
68
|
-
* Legacy function for web compatibility - returns
|
|
68
|
+
* Legacy function for web compatibility - returns gradient string
|
|
69
69
|
* Not used in React Native but kept for API compatibility
|
|
70
70
|
*/
|
|
71
|
-
export function
|
|
71
|
+
export function linearGradientString(deg, ...colors) {
|
|
72
72
|
return `linear-gradient(${deg}deg, ${colors.join(', ')})`;
|
|
73
73
|
}
|
|
74
74
|
//# sourceMappingURL=gradient.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["themeColor","getPrimaryShade","degToCoordinates","deg","angle","radians","Math","PI","endX","cos","endY","sin","start","x","y","end","gradient","theme","payload","merged","from","defaultGradient","primaryColor","to","primaryShade","fromColor","color","shade","toColor","colors","
|
|
1
|
+
{"version":3,"names":["themeColor","getPrimaryShade","degToCoordinates","deg","angle","radians","Math","PI","endX","cos","endY","sin","start","x","y","end","gradient","theme","payload","merged","from","defaultGradient","primaryColor","to","primaryShade","fromColor","color","shade","toColor","colors","linearGradientString","join"],"sourceRoot":"../../../../../../src","sources":["theme/functions/fns/gradient/gradient.ts"],"mappings":";;AAEA,SAASA,UAAU,QAAQ,+BAA4B;AACvD,SAASC,eAAe,QAAQ,qBAAkB;;AAElD;AACA;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,GAAW,EAAsE;EACzG,MAAMC,KAAK,GAAG,CAAED,GAAG,GAAG,GAAG,GAAI,GAAG,IAAI,GAAG,CAAC,CAAC;EACzC,MAAME,OAAO,GAAID,KAAK,GAAGE,IAAI,CAACC,EAAE,GAAI,GAAG;;EAEvC;EACA,MAAMC,IAAI,GAAGF,IAAI,CAACG,GAAG,CAACJ,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;EAC5C,MAAMG,IAAI,GAAGJ,IAAI,CAACK,GAAG,CAACN,OAAO,GAAGC,IAAI,CAACC,EAAE,GAAG,CAAC,CAAC;;EAE5C;EACA,MAAMK,KAAK,GAAG;IACZC,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EACD,MAAMK,GAAG,GAAG;IACVF,CAAC,EAAE,CAAC,CAAC,GAAGL,IAAI,IAAI,CAAC;IACjBM,CAAC,EAAE,CAAC,CAAC,GAAGJ,IAAI,IAAI;EAClB,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEG;EAAI,CAAC;AACvB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAACC,KAAmB,EAAE;EAC5C,OAAQC,OAAyB,IAAqB;IACpD,MAAMC,MAAM,GAAG;MACbC,IAAI,EAAEF,OAAO,EAAEE,IAAI,IAAIH,KAAK,CAACI,eAAe,EAAED,IAAI,IAAIH,KAAK,CAACK,YAAY;MACxEC,EAAE,EAAEL,OAAO,EAAEK,EAAE,IAAIN,KAAK,CAACI,eAAe,EAAEE,EAAE,IAAIN,KAAK,CAACK,YAAY;MAClEnB,GAAG,EAAEe,OAAO,EAAEf,GAAG,IAAIc,KAAK,CAACI,eAAe,EAAElB,GAAG,IAAI;IACrD,CAAC;IAED,MAAMqB,YAAY,GAAGvB,eAAe,CAACgB,KAAK,CAAC;IAC3C,MAAMQ,SAAS,GAAGzB,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACC,IAAI;MAAEO,KAAK,EAAEH;IAAa,CAAC,CAAC;IAChF,MAAMI,OAAO,GAAG5B,UAAU,CAAC;MAAEiB,KAAK;MAAES,KAAK,EAAEP,MAAM,CAACI,EAAE;MAAEI,KAAK,EAAEH;IAAa,CAAC,CAAC;IAE5E,MAAM;MAAEZ,KAAK;MAAEG;IAAI,CAAC,GAAGb,gBAAgB,CAACiB,MAAM,CAAChB,GAAG,CAAC;IAEnD,OAAO;MACL0B,MAAM,EAAE,CAACJ,SAAS,EAAEG,OAAO,CAAC;MAC5BhB,KAAK;MACLG;IACF,CAAC;EACH,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASe,oBAAoBA,CAAC3B,GAAW,EAAE,GAAG0B,MAAgB,EAAE;EACrE,OAAO,mBAAmB1B,GAAG,QAAQ0B,MAAM,CAACE,IAAI,CAAC,IAAI,CAAC,GAAG;AAC3D","ignoreList":[]}
|
|
@@ -18,7 +18,7 @@ export function themeColor({
|
|
|
18
18
|
// Get from theme colors
|
|
19
19
|
const colorPalette = theme.colors[color];
|
|
20
20
|
if (!colorPalette) {
|
|
21
|
-
// If color not in palette, return as is (might be a
|
|
21
|
+
// If color not in palette, return as is (might be a color name like 'red', 'blue', etc.)
|
|
22
22
|
return color;
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -17,7 +17,7 @@ export interface ButtonProps extends DefaultProps, WithTextWrapperProps {
|
|
|
17
17
|
rightIcon?: React.ReactNode;
|
|
18
18
|
/** Sets button width to 100% of parent element */
|
|
19
19
|
fullWidth?: boolean;
|
|
20
|
-
/** Key of theme.radius or
|
|
20
|
+
/** Key of theme.radius or number to set border-radius, theme.defaultRadius by default */
|
|
21
21
|
radius?: MantineNumberSize;
|
|
22
22
|
/** Controls button appearance */
|
|
23
23
|
variant?: Variants<'filled' | 'outline' | 'light' | 'white' | 'default' | 'subtle' | 'gradient'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE/F,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY,EAAE,oBAAoB;IACrE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE/F,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY,EAAE,oBAAoB;IACrE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yFAAyF;IACzF,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAChB,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC7E,CAAC;IAEF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE7C,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAUD,eAAO,MAAM,OAAO,EA+Gd,GAAG,CAAC;AAWV,eAAO,MAAM,MAAM,KAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DefaultProps, MantineNumberSize } from '../../theme/types';
|
|
3
3
|
export interface ColorSwatchProps extends DefaultProps {
|
|
4
|
-
/** Swatch background color in any
|
|
4
|
+
/** Swatch background color in any valid format (hex, rgb, etc.) */
|
|
5
5
|
color: string;
|
|
6
6
|
/** Width and height in px */
|
|
7
7
|
size?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorSwatch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorSwatch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+DAA+D;IAC/D,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAmDD,eAAO,MAAM,WAAW,8EAwBtB,CAAC"}
|
|
@@ -16,7 +16,7 @@ export interface LinearGradientProps {
|
|
|
16
16
|
/**
|
|
17
17
|
* Platform-specific LinearGradient wrapper
|
|
18
18
|
* - Uses expo-linear-gradient on iOS and Android (native)
|
|
19
|
-
* - Uses
|
|
19
|
+
* - Uses linear gradients on web for proper React Native Web support
|
|
20
20
|
*/
|
|
21
21
|
export declare function PlatformLinearGradient({ colors, start, end, style, children, }: LinearGradientProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
//# sourceMappingURL=PlatformLinearGradient.d.ts.map
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { TextProps } from '../Text';
|
|
3
3
|
import type { WithTextWrapperProps } from '../../theme/utils/withTextWrapper';
|
|
4
4
|
export interface MarkProps extends TextProps, WithTextWrapperProps {
|
|
5
|
-
/** Background color key from theme.colors or
|
|
5
|
+
/** Background color key from theme.colors or color value */
|
|
6
6
|
color?: string;
|
|
7
7
|
/** Text content */
|
|
8
8
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Mark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,oBAAoB;IAChE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Mark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,oBAAoB;IAChE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uEAmCf,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ViewProps } from '../BoxView';
|
|
2
2
|
import type { DefaultProps, MantineNumberSize } from '../../theme/types';
|
|
3
3
|
export interface SpaceProps extends DefaultProps, Omit<ViewProps, 'style'> {
|
|
4
|
-
/** Width, key of theme.spacing or
|
|
4
|
+
/** Width, key of theme.spacing or number value */
|
|
5
5
|
w?: MantineNumberSize | number;
|
|
6
|
-
/** Height, key of theme.spacing or
|
|
6
|
+
/** Height, key of theme.spacing or number value */
|
|
7
7
|
h?: MantineNumberSize | number;
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Space/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACxE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Space/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACxE,kDAAkD;IAClD,CAAC,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAE/B,mDAAmD;IACnD,CAAC,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,4FA4BhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAG5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAG1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
@@ -6,8 +6,8 @@ import type { MantineGradient, GradientConfig } from '../../../theme.d';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare function gradient(theme: MantineTheme): (payload?: MantineGradient) => GradientConfig;
|
|
8
8
|
/**
|
|
9
|
-
* Legacy function for web compatibility - returns
|
|
9
|
+
* Legacy function for web compatibility - returns gradient string
|
|
10
10
|
* Not used in React Native but kept for API compatibility
|
|
11
11
|
*/
|
|
12
|
-
export declare function
|
|
12
|
+
export declare function linearGradientString(deg: number, ...colors: string[]): string;
|
|
13
13
|
//# sourceMappingURL=gradient.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../../../../../../../src/theme/functions/fns/gradient/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6BxE;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,IAClC,UAAU,eAAe,KAAG,cAAc,CAmBnD;AAED;;;GAGG;AACH,wBAAgB,
|
|
1
|
+
{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../../../../../../../src/theme/functions/fns/gradient/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6BxE;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,IAClC,UAAU,eAAe,KAAG,cAAc,CAmBnD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,UAEpE"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
type
|
|
1
|
+
type StyleObject = any;
|
|
2
2
|
export type ClassNames<StylesNames extends string> = Partial<Record<StylesNames, string>>;
|
|
3
|
-
export type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames,
|
|
3
|
+
export type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames, StyleObject>> | ((theme: any, params: StylesParams, context: any) => Partial<Record<StylesNames, StyleObject>>);
|
|
4
4
|
export interface DefaultProps {
|
|
5
5
|
style?: any;
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultProps.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/DefaultProps.ts"],"names":[],"mappings":"AAAA,KAAK,
|
|
1
|
+
{"version":3,"file":"DefaultProps.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/DefaultProps.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,GAAG,CAAC;AACvB,MAAM,MAAM,UAAU,CAAC,WAAW,SAAS,MAAM,IAAI,OAAO,CAC1D,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAC5B,CAAC;AACF,MAAM,MAAM,MAAM,CAChB,WAAW,SAAS,MAAM,EAC1B,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,IAE9C,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,GACzC,CAAC,CACC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,GAAG,KACT,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb"}
|
|
@@ -17,7 +17,7 @@ export interface ButtonProps extends DefaultProps, WithTextWrapperProps {
|
|
|
17
17
|
rightIcon?: React.ReactNode;
|
|
18
18
|
/** Sets button width to 100% of parent element */
|
|
19
19
|
fullWidth?: boolean;
|
|
20
|
-
/** Key of theme.radius or
|
|
20
|
+
/** Key of theme.radius or number to set border-radius, theme.defaultRadius by default */
|
|
21
21
|
radius?: MantineNumberSize;
|
|
22
22
|
/** Controls button appearance */
|
|
23
23
|
variant?: Variants<'filled' | 'outline' | 'light' | 'white' | 'default' | 'subtle' | 'gradient'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE/F,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY,EAAE,oBAAoB;IACrE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE/F,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY,EAAE,oBAAoB;IACrE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yFAAyF;IACzF,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAChB,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC7E,CAAC;IAEF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE7C,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAUD,eAAO,MAAM,OAAO,EA+Gd,GAAG,CAAC;AAWV,eAAO,MAAM,MAAM,KAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DefaultProps, MantineNumberSize } from '../../theme/types';
|
|
3
3
|
export interface ColorSwatchProps extends DefaultProps {
|
|
4
|
-
/** Swatch background color in any
|
|
4
|
+
/** Swatch background color in any valid format (hex, rgb, etc.) */
|
|
5
5
|
color: string;
|
|
6
6
|
/** Width and height in px */
|
|
7
7
|
size?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorSwatch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorSwatch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAIzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+DAA+D;IAC/D,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,wBAAwB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAmDD,eAAO,MAAM,WAAW,8EAwBtB,CAAC"}
|
|
@@ -16,7 +16,7 @@ export interface LinearGradientProps {
|
|
|
16
16
|
/**
|
|
17
17
|
* Platform-specific LinearGradient wrapper
|
|
18
18
|
* - Uses expo-linear-gradient on iOS and Android (native)
|
|
19
|
-
* - Uses
|
|
19
|
+
* - Uses linear gradients on web for proper React Native Web support
|
|
20
20
|
*/
|
|
21
21
|
export declare function PlatformLinearGradient({ colors, start, end, style, children, }: LinearGradientProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
//# sourceMappingURL=PlatformLinearGradient.d.ts.map
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { TextProps } from '../Text';
|
|
3
3
|
import type { WithTextWrapperProps } from '../../theme/utils/withTextWrapper';
|
|
4
4
|
export interface MarkProps extends TextProps, WithTextWrapperProps {
|
|
5
|
-
/** Background color key from theme.colors or
|
|
5
|
+
/** Background color key from theme.colors or color value */
|
|
6
6
|
color?: string;
|
|
7
7
|
/** Text content */
|
|
8
8
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Mark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,oBAAoB;IAChE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Mark/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,oBAAoB;IAChE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uEAmCf,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ViewProps } from '../BoxView';
|
|
2
2
|
import type { DefaultProps, MantineNumberSize } from '../../theme/types';
|
|
3
3
|
export interface SpaceProps extends DefaultProps, Omit<ViewProps, 'style'> {
|
|
4
|
-
/** Width, key of theme.spacing or
|
|
4
|
+
/** Width, key of theme.spacing or number value */
|
|
5
5
|
w?: MantineNumberSize | number;
|
|
6
|
-
/** Height, key of theme.spacing or
|
|
6
|
+
/** Height, key of theme.spacing or number value */
|
|
7
7
|
h?: MantineNumberSize | number;
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Space/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACxE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Space/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGzE,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACxE,kDAAkD;IAClD,CAAC,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAE/B,mDAAmD;IACnD,CAAC,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,4FA4BhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAG7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAG5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAG1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
@@ -6,8 +6,8 @@ import type { MantineGradient, GradientConfig } from '../../../theme.d';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare function gradient(theme: MantineTheme): (payload?: MantineGradient) => GradientConfig;
|
|
8
8
|
/**
|
|
9
|
-
* Legacy function for web compatibility - returns
|
|
9
|
+
* Legacy function for web compatibility - returns gradient string
|
|
10
10
|
* Not used in React Native but kept for API compatibility
|
|
11
11
|
*/
|
|
12
|
-
export declare function
|
|
12
|
+
export declare function linearGradientString(deg: number, ...colors: string[]): string;
|
|
13
13
|
//# sourceMappingURL=gradient.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../../../../../../../src/theme/functions/fns/gradient/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6BxE;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,IAClC,UAAU,eAAe,KAAG,cAAc,CAmBnD;AAED;;;GAGG;AACH,wBAAgB,
|
|
1
|
+
{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../../../../../../../src/theme/functions/fns/gradient/gradient.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6BxE;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,IAClC,UAAU,eAAe,KAAG,cAAc,CAmBnD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,UAEpE"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
type
|
|
1
|
+
type StyleObject = any;
|
|
2
2
|
export type ClassNames<StylesNames extends string> = Partial<Record<StylesNames, string>>;
|
|
3
|
-
export type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames,
|
|
3
|
+
export type Styles<StylesNames extends string, StylesParams extends Record<string, any> = never> = Partial<Record<StylesNames, StyleObject>> | ((theme: any, params: StylesParams, context: any) => Partial<Record<StylesNames, StyleObject>>);
|
|
4
4
|
export interface DefaultProps {
|
|
5
5
|
style?: any;
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultProps.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/DefaultProps.ts"],"names":[],"mappings":"AAAA,KAAK,
|
|
1
|
+
{"version":3,"file":"DefaultProps.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/types/DefaultProps.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,GAAG,CAAC;AACvB,MAAM,MAAM,UAAU,CAAC,WAAW,SAAS,MAAM,IAAI,OAAO,CAC1D,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAC5B,CAAC;AACF,MAAM,MAAM,MAAM,CAChB,WAAW,SAAS,MAAM,EAC1B,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,IAE9C,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,GACzC,CAAC,CACC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,GAAG,KACT,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-mantine",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Make Mantine Accessable on React Native",
|
|
5
5
|
"source": "./src/index.tsx",
|
|
6
6
|
"main": "./lib/commonjs/index.js",
|
|
@@ -44,9 +44,7 @@
|
|
|
44
44
|
"clean": "del-cli lib",
|
|
45
45
|
"prepare": "bob build",
|
|
46
46
|
"release": "release-it",
|
|
47
|
-
"typescript": "tsc --noEmit"
|
|
48
|
-
"docs:preview": "bash scripts/preview-docs.sh",
|
|
49
|
-
"docs:open": "open http://localhost:3000 && yarn docs:preview"
|
|
47
|
+
"typescript": "tsc --noEmit"
|
|
50
48
|
},
|
|
51
49
|
"keywords": [
|
|
52
50
|
"react-native",
|
|
@@ -37,7 +37,7 @@ export interface ButtonProps extends DefaultProps, WithTextWrapperProps {
|
|
|
37
37
|
/** Sets button width to 100% of parent element */
|
|
38
38
|
fullWidth?: boolean;
|
|
39
39
|
|
|
40
|
-
/** Key of theme.radius or
|
|
40
|
+
/** Key of theme.radius or number to set border-radius, theme.defaultRadius by default */
|
|
41
41
|
radius?: MantineNumberSize;
|
|
42
42
|
|
|
43
43
|
/** Controls button appearance */
|
|
@@ -6,7 +6,7 @@ import { useComponentDefaultProps } from '../../theme/theme-provider';
|
|
|
6
6
|
import { createStyles } from '../../theme';
|
|
7
7
|
|
|
8
8
|
export interface ColorSwatchProps extends DefaultProps {
|
|
9
|
-
/** Swatch background color in any
|
|
9
|
+
/** Swatch background color in any valid format (hex, rgb, etc.) */
|
|
10
10
|
color: string;
|
|
11
11
|
|
|
12
12
|
/** Width and height in px */
|
|
@@ -13,7 +13,7 @@ export interface LinearGradientProps {
|
|
|
13
13
|
/**
|
|
14
14
|
* Platform-specific LinearGradient wrapper
|
|
15
15
|
* - Uses expo-linear-gradient on iOS and Android (native)
|
|
16
|
-
* - Uses
|
|
16
|
+
* - Uses linear gradients on web for proper React Native Web support
|
|
17
17
|
*/
|
|
18
18
|
export function PlatformLinearGradient({
|
|
19
19
|
colors,
|
|
@@ -22,9 +22,9 @@ export function PlatformLinearGradient({
|
|
|
22
22
|
style,
|
|
23
23
|
children,
|
|
24
24
|
}: LinearGradientProps) {
|
|
25
|
-
// On web, use
|
|
25
|
+
// On web, use linear gradients
|
|
26
26
|
if (Platform.OS === 'web') {
|
|
27
|
-
const angle =
|
|
27
|
+
const angle = calculateGradientAngle(start, end);
|
|
28
28
|
const gradient = `linear-gradient(${angle}deg, ${colors.join(', ')})`;
|
|
29
29
|
|
|
30
30
|
const webStyle: ViewStyle = {
|
|
@@ -45,10 +45,10 @@ export function PlatformLinearGradient({
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
|
-
* Convert start/end coordinates to
|
|
48
|
+
* Convert start/end coordinates to gradient angle
|
|
49
49
|
* This approximates the expo-linear-gradient angle system for web
|
|
50
50
|
*/
|
|
51
|
-
function
|
|
51
|
+
function calculateGradientAngle(
|
|
52
52
|
start: { x: number; y: number },
|
|
53
53
|
end: { x: number; y: number }
|
|
54
54
|
): number {
|
|
@@ -57,12 +57,12 @@ function calculateCSSAngle(
|
|
|
57
57
|
const dy = end.y - start.y;
|
|
58
58
|
|
|
59
59
|
// Convert to angle in degrees
|
|
60
|
-
//
|
|
61
|
-
// We need to convert from our coordinate system
|
|
60
|
+
// Web gradients use 0deg = top, 90deg = right, 180deg = bottom, 270deg = left
|
|
61
|
+
// We need to convert from our coordinate system
|
|
62
62
|
let angle = Math.atan2(dy, dx) * (180 / Math.PI);
|
|
63
63
|
|
|
64
|
-
// Adjust for
|
|
65
|
-
//
|
|
64
|
+
// Adjust for gradient coordinate system
|
|
65
|
+
// Web: 0deg is from bottom to top, clockwise
|
|
66
66
|
// Our system: based on cartesian coordinates
|
|
67
67
|
angle = 90 + angle;
|
|
68
68
|
|
|
@@ -5,7 +5,7 @@ import { useTheme } from '../../theme/theme-provider';
|
|
|
5
5
|
import type { WithTextWrapperProps } from '../../theme/utils/withTextWrapper';
|
|
6
6
|
|
|
7
7
|
export interface MarkProps extends TextProps, WithTextWrapperProps {
|
|
8
|
-
/** Background color key from theme.colors or
|
|
8
|
+
/** Background color key from theme.colors or color value */
|
|
9
9
|
color?: string;
|
|
10
10
|
|
|
11
11
|
/** Text content */
|
|
@@ -5,10 +5,10 @@ import type { DefaultProps, MantineNumberSize } from '../../theme/types';
|
|
|
5
5
|
import { useTheme } from '../../theme/theme-provider';
|
|
6
6
|
|
|
7
7
|
export interface SpaceProps extends DefaultProps, Omit<ViewProps, 'style'> {
|
|
8
|
-
/** Width, key of theme.spacing or
|
|
8
|
+
/** Width, key of theme.spacing or number value */
|
|
9
9
|
w?: MantineNumberSize | number;
|
|
10
10
|
|
|
11
|
-
/** Height, key of theme.spacing or
|
|
11
|
+
/** Height, key of theme.spacing or number value */
|
|
12
12
|
h?: MantineNumberSize | number;
|
|
13
13
|
}
|
|
14
14
|
|
package/src/components/index.tsx
CHANGED
|
@@ -55,9 +55,9 @@ export function gradient(theme: MantineTheme) {
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
/**
|
|
58
|
-
* Legacy function for web compatibility - returns
|
|
58
|
+
* Legacy function for web compatibility - returns gradient string
|
|
59
59
|
* Not used in React Native but kept for API compatibility
|
|
60
60
|
*/
|
|
61
|
-
export function
|
|
61
|
+
export function linearGradientString(deg: number, ...colors: string[]) {
|
|
62
62
|
return `linear-gradient(${deg}deg, ${colors.join(', ')})`;
|
|
63
63
|
}
|
|
@@ -26,7 +26,7 @@ export function themeColor({ theme, color, shade }: ThemeColorInput): string {
|
|
|
26
26
|
const colorPalette = theme.colors[color];
|
|
27
27
|
|
|
28
28
|
if (!colorPalette) {
|
|
29
|
-
// If color not in palette, return as is (might be a
|
|
29
|
+
// If color not in palette, return as is (might be a color name like 'red', 'blue', etc.)
|
|
30
30
|
return color;
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
type
|
|
1
|
+
type StyleObject = any;
|
|
2
2
|
export type ClassNames<StylesNames extends string> = Partial<
|
|
3
3
|
Record<StylesNames, string>
|
|
4
4
|
>;
|
|
@@ -6,12 +6,12 @@ export type Styles<
|
|
|
6
6
|
StylesNames extends string,
|
|
7
7
|
StylesParams extends Record<string, any> = never,
|
|
8
8
|
> =
|
|
9
|
-
| Partial<Record<StylesNames,
|
|
9
|
+
| Partial<Record<StylesNames, StyleObject>>
|
|
10
10
|
| ((
|
|
11
11
|
theme: any,
|
|
12
12
|
params: StylesParams,
|
|
13
13
|
context: any
|
|
14
|
-
) => Partial<Record<StylesNames,
|
|
14
|
+
) => Partial<Record<StylesNames, StyleObject>>);
|
|
15
15
|
|
|
16
16
|
export interface DefaultProps {
|
|
17
17
|
style?: any;
|