fluent-styles 1.6.0 → 1.8.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/package/safeAreaView/index.js +2 -1
- package/lib/commonjs/package/safeAreaView/index.js.map +1 -1
- package/lib/commonjs/package/scrollView/index.js +2 -1
- package/lib/commonjs/package/scrollView/index.js.map +1 -1
- package/lib/commonjs/package/utils/index.js +1 -1
- package/lib/commonjs/package/utils/index.js.map +1 -1
- package/lib/module/package/safeAreaView/index.js +1 -0
- package/lib/module/package/safeAreaView/index.js.map +1 -1
- package/lib/module/package/scrollView/index.js +1 -0
- package/lib/module/package/scrollView/index.js.map +1 -1
- package/lib/module/package/utils/index.js +1 -1
- package/lib/module/package/utils/index.js.map +1 -1
- package/package.json +1 -1
- package/src/package/safeAreaView/index.jsx +1 -0
- package/src/package/scrollView/index.jsx +1 -0
- package/src/package/utils/index.js +3 -2
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.StyledSafeAreaView = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _styled = require("../styled");
|
|
9
|
+
var _utils = require("../utils");
|
|
9
10
|
const StyledSafeAreaView = exports.StyledSafeAreaView = (0, _styled.styled)(_reactNative.SafeAreaView, {
|
|
10
11
|
base: {
|
|
11
12
|
flex: 1
|
|
@@ -13,7 +14,7 @@ const StyledSafeAreaView = exports.StyledSafeAreaView = (0, _styled.styled)(_rea
|
|
|
13
14
|
variants: {
|
|
14
15
|
backgroundColor: color => {
|
|
15
16
|
if (!color) return;
|
|
16
|
-
if (!isValidColor(color)) {
|
|
17
|
+
if (!(0, _utils.isValidColor)(color)) {
|
|
17
18
|
throw new Error('Invalid backgroundColor value');
|
|
18
19
|
}
|
|
19
20
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_styled","StyledSafeAreaView","exports","styled","SafeAreaView","base","flex","variants","backgroundColor","color","isValidColor","Error"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from 'react-native'\r\nimport { styled } from '../styled'\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {\r\n base: {\r\n flex: 1\r\n },\r\n variants: {\r\n backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { backgroundColor: color }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledSafeAreaView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_styled","_utils","StyledSafeAreaView","exports","styled","SafeAreaView","base","flex","variants","backgroundColor","color","isValidColor","Error"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor } from '../utils'\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {\r\n base: {\r\n flex: 1\r\n },\r\n variants: {\r\n backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { backgroundColor: color }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledSafeAreaView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,cAAM,EAACC,yBAAY,EAAE;EAC9CC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR,CAAC;EACDC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAAC,IAAAC,mBAAY,EAACD,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEH,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.StyledScrollView = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _styled = require("../styled");
|
|
9
|
+
var _utils = require("../utils");
|
|
9
10
|
const StyledScrollView = exports.StyledScrollView = (0, _styled.styled)(_reactNative.ScrollView, {
|
|
10
11
|
variants: {
|
|
11
12
|
backgroundColor: color => {
|
|
12
13
|
if (!color) return;
|
|
13
|
-
if (!isValidColor(color)) {
|
|
14
|
+
if (!(0, _utils.isValidColor)(color)) {
|
|
14
15
|
throw new Error('Invalid backgroundColor value');
|
|
15
16
|
}
|
|
16
17
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_styled","StyledScrollView","exports","styled","ScrollView","variants","backgroundColor","color","isValidColor","Error"],"sources":["index.jsx"],"sourcesContent":["import { ScrollView } from 'react-native'\r\nimport { styled } from '../styled'\r\n\r\nconst StyledScrollView = styled(ScrollView, {\r\n variants: {\r\n backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { backgroundColor: color }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledScrollView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_styled","_utils","StyledScrollView","exports","styled","ScrollView","variants","backgroundColor","color","isValidColor","Error"],"sources":["index.jsx"],"sourcesContent":["import { ScrollView } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor } from '../utils'\r\n\r\nconst StyledScrollView = styled(ScrollView, {\r\n variants: {\r\n backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { backgroundColor: color }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledScrollView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,cAAM,EAACC,uBAAU,EAAE;EAC1CC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAAC,IAAAC,mBAAY,EAACD,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEH,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ var _reactNative = require("react-native");
|
|
|
8
8
|
var _theme = require("../theme");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
const isValidColor = value => /^#[0-9A-F]{6}$/i.test(value)
|
|
11
|
+
const isValidColor = value => /^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value);
|
|
12
12
|
exports.isValidColor = isValidColor;
|
|
13
13
|
const isValidNumber = value => typeof value === 'number' && isFinite(value);
|
|
14
14
|
exports.isValidNumber = isValidNumber;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_theme","_react","_interopRequireDefault","e","__esModule","default","isValidColor","value","test","exports","isValidNumber","isFinite","isValidString","trim","length","shadow","light","Platform","select","ios","shadowColor","theme","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","ErrorBoundary","React","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","info","console","log","componentStack","render","fallback","children","isIOS","OS","isAndroid","windowWidth","Dimensions","get","windowHeight"],"sources":["index.js"],"sourcesContent":["import { Platform, Dimensions } from 'react-native'\r\nimport { theme } from '../theme'\r\nimport React from 'react'\r\n\r\nexport const isValidColor = value =>\r\n\t/^#[0-9A-F]{6}$/i.test(value)
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_theme","_react","_interopRequireDefault","e","__esModule","default","isValidColor","value","test","exports","isValidNumber","isFinite","isValidString","trim","length","shadow","light","Platform","select","ios","shadowColor","theme","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","ErrorBoundary","React","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","info","console","log","componentStack","render","fallback","children","isIOS","OS","isAndroid","windowWidth","Dimensions","get","windowHeight"],"sources":["index.js"],"sourcesContent":["import { Platform, Dimensions } from 'react-native'\r\nimport { theme } from '../theme'\r\nimport React from 'react'\r\n\r\nexport const isValidColor = value =>\r\n\t/^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value) \r\nexport const isValidNumber = value =>\r\n\ttypeof value === 'number' && isFinite(value)\r\nexport const isValidString = value =>\r\n\ttypeof value === 'string' && value.trim().length > 0\r\n\r\nconst shadow = {\r\n light: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 1 },\r\n shadowOpacity: 0.22,\r\n shadowRadius: 2.22\r\n },\r\n android: {\r\n elevation: 1\r\n }\r\n }),\r\n lightMedium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 2 },\r\n shadowOpacity: 0.24,\r\n shadowRadius: 2.84\r\n },\r\n android: {\r\n elevation: 3\r\n }\r\n }),\r\n medium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 3 },\r\n shadowOpacity: 0.29,\r\n shadowRadius: 4.65\r\n },\r\n android: {\r\n elevation: 7\r\n }\r\n }),\r\n mediumDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 5 },\r\n shadowOpacity: 0.36,\r\n shadowRadius: 6.68\r\n },\r\n android: {\r\n elevation: 10\r\n }\r\n }),\r\n dark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 7 },\r\n shadowOpacity: 0.41,\r\n shadowRadius: 9.11\r\n },\r\n android: {\r\n elevation: 14\r\n }\r\n }),\r\n veryDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 10 },\r\n shadowOpacity: 0.5,\r\n shadowRadius: 13.34\r\n },\r\n android: {\r\n elevation: 20\r\n }\r\n })\r\n}\r\n\r\nclass ErrorBoundary extends React.Component {\r\n constructor (props) {\r\n super(props)\r\n this.state = { hasError: false }\r\n }\r\n\r\n static getDerivedStateFromError (error) {\r\n return { hasError: true }\r\n }\r\n\r\n componentDidCatch (error, info) {\r\n console.log(error, info.componentStack)\r\n }\r\n\r\n render () {\r\n if (this.state.hasError) {\r\n return this.props.fallback\r\n }\r\n\r\n return this.props.children\r\n }\r\n}\r\n\r\nexport const isIOS = Platform.OS === 'ios'\r\nexport const isAndroid = !isIOS\r\nexport const windowWidth = Dimensions.get('window').width\r\nexport const windowHeight = Dimensions.get('window').height\r\n\r\nexport { shadow, ErrorBoundary }\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SafeAreaView","styled","StyledSafeAreaView","base","flex","variants","backgroundColor","color","
|
|
1
|
+
{"version":3,"names":["SafeAreaView","styled","isValidColor","StyledSafeAreaView","base","flex","variants","backgroundColor","color","Error"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor } from '../utils'\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {\r\n base: {\r\n flex: 1\r\n },\r\n variants: {\r\n backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { backgroundColor: color }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledSafeAreaView }\r\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,QAAQ,UAAU;AAEvC,MAAMC,kBAAkB,GAAGF,MAAM,CAACD,YAAY,EAAE;EAC9CI,IAAI,EAAE;IACJC,IAAI,EAAE;EACR,CAAC;EACDC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACN,YAAY,CAACM,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEF,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC;AAEF,SAASL,kBAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ScrollView","styled","StyledScrollView","variants","backgroundColor","color","
|
|
1
|
+
{"version":3,"names":["ScrollView","styled","isValidColor","StyledScrollView","variants","backgroundColor","color","Error"],"sources":["index.jsx"],"sourcesContent":["import { ScrollView } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor } from '../utils'\r\n\r\nconst StyledScrollView = styled(ScrollView, {\r\n variants: {\r\n backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid backgroundColor value')\r\n }\r\n return { backgroundColor: color }\r\n }\r\n }\r\n})\r\n\r\nexport { StyledScrollView }\r\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,QAAQ,UAAU;AAEvC,MAAMC,gBAAgB,GAAGF,MAAM,CAACD,UAAU,EAAE;EAC1CI,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACJ,YAAY,CAACI,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEF,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC;AAEF,SAASH,gBAAgB","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Platform, Dimensions } from 'react-native';
|
|
2
2
|
import { theme } from '../theme';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
export const isValidColor = value => /^#[0-9A-F]{6}$/i.test(value)
|
|
4
|
+
export const isValidColor = value => /^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value);
|
|
5
5
|
export const isValidNumber = value => typeof value === 'number' && isFinite(value);
|
|
6
6
|
export const isValidString = value => typeof value === 'string' && value.trim().length > 0;
|
|
7
7
|
const shadow = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","Dimensions","theme","React","isValidColor","value","test","isValidNumber","isFinite","isValidString","trim","length","shadow","light","select","ios","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","ErrorBoundary","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","info","console","log","componentStack","render","fallback","children","isIOS","OS","isAndroid","windowWidth","get","windowHeight"],"sources":["index.js"],"sourcesContent":["import { Platform, Dimensions } from 'react-native'\r\nimport { theme } from '../theme'\r\nimport React from 'react'\r\n\r\nexport const isValidColor = value =>\r\n\t/^#[0-9A-F]{6}$/i.test(value)
|
|
1
|
+
{"version":3,"names":["Platform","Dimensions","theme","React","isValidColor","value","test","isValidNumber","isFinite","isValidString","trim","length","shadow","light","select","ios","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","ErrorBoundary","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","info","console","log","componentStack","render","fallback","children","isIOS","OS","isAndroid","windowWidth","get","windowHeight"],"sources":["index.js"],"sourcesContent":["import { Platform, Dimensions } from 'react-native'\r\nimport { theme } from '../theme'\r\nimport React from 'react'\r\n\r\nexport const isValidColor = value =>\r\n\t/^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value) \r\nexport const isValidNumber = value =>\r\n\ttypeof value === 'number' && isFinite(value)\r\nexport const isValidString = value =>\r\n\ttypeof value === 'string' && value.trim().length > 0\r\n\r\nconst shadow = {\r\n light: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 1 },\r\n shadowOpacity: 0.22,\r\n shadowRadius: 2.22\r\n },\r\n android: {\r\n elevation: 1\r\n }\r\n }),\r\n lightMedium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 2 },\r\n shadowOpacity: 0.24,\r\n shadowRadius: 2.84\r\n },\r\n android: {\r\n elevation: 3\r\n }\r\n }),\r\n medium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 3 },\r\n shadowOpacity: 0.29,\r\n shadowRadius: 4.65\r\n },\r\n android: {\r\n elevation: 7\r\n }\r\n }),\r\n mediumDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 5 },\r\n shadowOpacity: 0.36,\r\n shadowRadius: 6.68\r\n },\r\n android: {\r\n elevation: 10\r\n }\r\n }),\r\n dark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 7 },\r\n shadowOpacity: 0.41,\r\n shadowRadius: 9.11\r\n },\r\n android: {\r\n elevation: 14\r\n }\r\n }),\r\n veryDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 10 },\r\n shadowOpacity: 0.5,\r\n shadowRadius: 13.34\r\n },\r\n android: {\r\n elevation: 20\r\n }\r\n })\r\n}\r\n\r\nclass ErrorBoundary extends React.Component {\r\n constructor (props) {\r\n super(props)\r\n this.state = { hasError: false }\r\n }\r\n\r\n static getDerivedStateFromError (error) {\r\n return { hasError: true }\r\n }\r\n\r\n componentDidCatch (error, info) {\r\n console.log(error, info.componentStack)\r\n }\r\n\r\n render () {\r\n if (this.state.hasError) {\r\n return this.props.fallback\r\n }\r\n\r\n return this.props.children\r\n }\r\n}\r\n\r\nexport const isIOS = Platform.OS === 'ios'\r\nexport const isAndroid = !isIOS\r\nexport const windowWidth = Dimensions.get('window').width\r\nexport const windowHeight = Dimensions.get('window').height\r\n\r\nexport { shadow, ErrorBoundary }\r\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -3,8 +3,9 @@ import { theme } from '../theme'
|
|
|
3
3
|
import React from 'react'
|
|
4
4
|
|
|
5
5
|
export const isValidColor = value =>
|
|
6
|
-
/^#[0-9A-F]{6}$/i.test(value)
|
|
7
|
-
export const isValidNumber = value =>
|
|
6
|
+
/^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value)
|
|
7
|
+
export const isValidNumber = value =>
|
|
8
|
+
typeof value === 'number' && isFinite(value)
|
|
8
9
|
export const isValidString = value =>
|
|
9
10
|
typeof value === 'string' && value.trim().length > 0
|
|
10
11
|
|