fluent-styles 1.62.10 → 1.62.11
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.
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.YStack = exports.XStack = exports.Stack = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _styled = require("../utiles/styled.js");
|
|
9
|
+
var _viewStyleVariants = require("../utiles/viewStyleVariants.js");
|
|
9
10
|
/**
|
|
10
11
|
* Stack-specific layout variants for flex direction
|
|
11
12
|
* Supports dual-level customization:
|
|
@@ -23,6 +24,8 @@ const Stack = exports.Stack = (0, _styled.styled)(_reactNative.View, {
|
|
|
23
24
|
position: 'relative'
|
|
24
25
|
},
|
|
25
26
|
variants: {
|
|
27
|
+
..._viewStyleVariants.viewStyleVariants,
|
|
28
|
+
..._viewStyleVariants.viewStyleStringVariants,
|
|
26
29
|
vertical: {
|
|
27
30
|
true: {
|
|
28
31
|
flexDirection: 'column'
|
|
@@ -41,12 +44,20 @@ const XStack = exports.XStack = (0, _styled.styled)(_reactNative.View, {
|
|
|
41
44
|
base: {
|
|
42
45
|
position: 'relative',
|
|
43
46
|
flexDirection: 'row'
|
|
47
|
+
},
|
|
48
|
+
variants: {
|
|
49
|
+
..._viewStyleVariants.viewStyleVariants,
|
|
50
|
+
..._viewStyleVariants.viewStyleStringVariants
|
|
44
51
|
}
|
|
45
52
|
});
|
|
46
53
|
const YStack = exports.YStack = (0, _styled.styled)(_reactNative.View, {
|
|
47
54
|
base: {
|
|
48
55
|
position: 'relative',
|
|
49
56
|
flexDirection: 'column'
|
|
57
|
+
},
|
|
58
|
+
variants: {
|
|
59
|
+
..._viewStyleVariants.viewStyleVariants,
|
|
60
|
+
..._viewStyleVariants.viewStyleStringVariants
|
|
50
61
|
}
|
|
51
62
|
});
|
|
52
63
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_styled","Stack","exports","styled","View","base","position","variants","vertical","true","flexDirection","false","horizontal","XStack","YStack"],"sourceRoot":"../../../src","sources":["stack/index.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_styled","_viewStyleVariants","Stack","exports","styled","View","base","position","variants","viewStyleVariants","viewStyleStringVariants","vertical","true","flexDirection","false","horizontal","XStack","YStack"],"sourceRoot":"../../../src","sources":["stack/index.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA,MAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,cAAM,EAAaC,iBAAI,EAAE;EACnCC,IAAI,EAAE;IACFC,QAAQ,EAAE;EACd,CAAc;EACdC,QAAQ,EAAE;IACN,GAAGC,oCAAiB;IACpB,GAAGC,0CAAuB;IAC1BC,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,aAAa,EAAE;MACnB,CAAc;MACdC,KAAK,EAAE,CAAC;IACZ,CAAC;IACDC,UAAU,EAAE;MACRH,IAAI,EAAE;QACFC,aAAa,EAAE;MACnB,CAAc;MACdC,KAAK,EAAE,CAAC;IACZ;EACJ;AACJ,CAAC,CAAC;AAEF,MAAME,MAAM,GAAAb,OAAA,CAAAa,MAAA,GAAG,IAAAZ,cAAM,EAA8CC,iBAAI,EAAE;EACrEC,IAAI,EAAE;IACFC,QAAQ,EAAE,UAAU;IACnBM,aAAa,EAAE;EACpB,CAAc;EACdL,QAAQ,EAAE;IACN,GAAGC,oCAAiB;IACpB,GAAGC;EACP;AACJ,CAAC,CAAC;AAEF,MAAMO,MAAM,GAAAd,OAAA,CAAAc,MAAA,GAAG,IAAAb,cAAM,EAA8CC,iBAAI,EAAE;EACrEC,IAAI,EAAE;IACFC,QAAQ,EAAE,UAAU;IACnBM,aAAa,EAAE;EACpB,CAAc;EACdL,QAAQ,EAAE;IACN,GAAGC,oCAAiB;IACpB,GAAGC;EACP;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { styled } from "../utiles/styled.js";
|
|
5
|
+
import { viewStyleVariants, viewStyleStringVariants } from "../utiles/viewStyleVariants.js";
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* Stack-specific layout variants for flex direction
|
|
@@ -20,6 +21,8 @@ const Stack = styled(View, {
|
|
|
20
21
|
position: 'relative'
|
|
21
22
|
},
|
|
22
23
|
variants: {
|
|
24
|
+
...viewStyleVariants,
|
|
25
|
+
...viewStyleStringVariants,
|
|
23
26
|
vertical: {
|
|
24
27
|
true: {
|
|
25
28
|
flexDirection: 'column'
|
|
@@ -38,12 +41,20 @@ const XStack = styled(View, {
|
|
|
38
41
|
base: {
|
|
39
42
|
position: 'relative',
|
|
40
43
|
flexDirection: 'row'
|
|
44
|
+
},
|
|
45
|
+
variants: {
|
|
46
|
+
...viewStyleVariants,
|
|
47
|
+
...viewStyleStringVariants
|
|
41
48
|
}
|
|
42
49
|
});
|
|
43
50
|
const YStack = styled(View, {
|
|
44
51
|
base: {
|
|
45
52
|
position: 'relative',
|
|
46
53
|
flexDirection: 'column'
|
|
54
|
+
},
|
|
55
|
+
variants: {
|
|
56
|
+
...viewStyleVariants,
|
|
57
|
+
...viewStyleStringVariants
|
|
47
58
|
}
|
|
48
59
|
});
|
|
49
60
|
export { Stack, XStack, YStack };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","styled","Stack","base","position","variants","vertical","true","flexDirection","false","horizontal","XStack","YStack"],"sourceRoot":"../../../src","sources":["stack/index.ts"],"mappings":";;AACA,SAASA,IAAI,QAA8B,cAAc;AACzD,SAASC,MAAM,QAAQ,qBAAkB;;
|
|
1
|
+
{"version":3,"names":["View","styled","viewStyleVariants","viewStyleStringVariants","Stack","base","position","variants","vertical","true","flexDirection","false","horizontal","XStack","YStack"],"sourceRoot":"../../../src","sources":["stack/index.ts"],"mappings":";;AACA,SAASA,IAAI,QAA8B,cAAc;AACzD,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,iBAAiB,EAAEC,uBAAuB,QAAQ,gCAA6B;;AAExF;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,GAAGH,MAAM,CAAaD,IAAI,EAAE;EACnCK,IAAI,EAAE;IACFC,QAAQ,EAAE;EACd,CAAc;EACdC,QAAQ,EAAE;IACN,GAAGL,iBAAiB;IACpB,GAAGC,uBAAuB;IAC1BK,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,aAAa,EAAE;MACnB,CAAc;MACdC,KAAK,EAAE,CAAC;IACZ,CAAC;IACDC,UAAU,EAAE;MACRH,IAAI,EAAE;QACFC,aAAa,EAAE;MACnB,CAAc;MACdC,KAAK,EAAE,CAAC;IACZ;EACJ;AACJ,CAAC,CAAC;AAEF,MAAME,MAAM,GAAGZ,MAAM,CAA8CD,IAAI,EAAE;EACrEK,IAAI,EAAE;IACFC,QAAQ,EAAE,UAAU;IACnBI,aAAa,EAAE;EACpB,CAAc;EACdH,QAAQ,EAAE;IACN,GAAGL,iBAAiB;IACpB,GAAGC;EACP;AACJ,CAAC,CAAC;AAEF,MAAMW,MAAM,GAAGb,MAAM,CAA8CD,IAAI,EAAE;EACrEK,IAAI,EAAE;IACFC,QAAQ,EAAE,UAAU;IACnBI,aAAa,EAAE;EACpB,CAAc;EACdH,QAAQ,EAAE;IACN,GAAGL,iBAAiB;IACpB,GAAGC;EACP;AACJ,CAAC,CAAC;AAEF,SAAUC,KAAK,EAAES,MAAM,EAAEC,MAAM","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stack/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D;;;;;GAKG;AACH,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,KAAK;;;;;CAoBT,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;CASV,CAAC;AAEH,OAAO,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/package.json
CHANGED
package/src/stack/index.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
import { View, ViewProps, ViewStyle } from 'react-native';
|
|
3
3
|
import { styled } from '../utiles/styled';
|
|
4
|
+
import { viewStyleVariants, viewStyleStringVariants } from '../utiles/viewStyleVariants';
|
|
4
5
|
|
|
5
6
|
/**
|
|
6
7
|
* Stack-specific layout variants for flex direction
|
|
@@ -25,6 +26,8 @@ const Stack = styled<StackProps>(View, {
|
|
|
25
26
|
position: 'relative',
|
|
26
27
|
} as ViewStyle,
|
|
27
28
|
variants: {
|
|
29
|
+
...viewStyleVariants,
|
|
30
|
+
...viewStyleStringVariants,
|
|
28
31
|
vertical: {
|
|
29
32
|
true: {
|
|
30
33
|
flexDirection: 'column',
|
|
@@ -44,14 +47,22 @@ const XStack = styled<Omit<StackProps, 'vertical' | 'horizontal'>>(View, {
|
|
|
44
47
|
base: {
|
|
45
48
|
position: 'relative',
|
|
46
49
|
flexDirection: 'row',
|
|
47
|
-
} as ViewStyle
|
|
50
|
+
} as ViewStyle,
|
|
51
|
+
variants: {
|
|
52
|
+
...viewStyleVariants,
|
|
53
|
+
...viewStyleStringVariants,
|
|
54
|
+
} as any
|
|
48
55
|
});
|
|
49
56
|
|
|
50
57
|
const YStack = styled<Omit<StackProps, 'vertical' | 'horizontal'>>(View, {
|
|
51
58
|
base: {
|
|
52
59
|
position: 'relative',
|
|
53
60
|
flexDirection: 'column',
|
|
54
|
-
} as ViewStyle
|
|
61
|
+
} as ViewStyle,
|
|
62
|
+
variants: {
|
|
63
|
+
...viewStyleVariants,
|
|
64
|
+
...viewStyleStringVariants,
|
|
65
|
+
} as any
|
|
55
66
|
});
|
|
56
67
|
|
|
57
68
|
export { Stack, XStack, YStack };
|