fluent-styles 1.27.0 → 1.28.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.
Files changed (6) hide show
  1. package/lib/commonjs/package/header/index.js +3 -2
  2. package/lib/commonjs/package/header/index.js.map +1 -1
  3. package/lib/module/package/header/index.js +3 -2
  4. package/lib/module/package/header/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/package/header/index.jsx +2 -1
package/lib/commonjs/package/header/index.js CHANGED
@@ -58,6 +58,7 @@ const Header = ({
58
58
  navigator,
59
59
  fontWeight = _theme.theme.fontWeight.normal,
60
60
  fontSize = _theme.theme.fontSize.normal,
61
+ iconProps,
61
62
  color = _theme.theme.colors.gray[800],
62
63
  textProps,
63
64
  title,
@@ -74,12 +75,12 @@ const Header = ({
74
75
  flex: 1,
75
76
  paddingHorizontal: 8,
76
77
  paddingVertical: 8
77
- }, rest), icon && /*#__PURE__*/_react.default.createElement(_cycle.StyledCycle, cycleProps, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
78
+ }, rest), icon && /*#__PURE__*/_react.default.createElement(_cycle.StyledCycle, cycleProps, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, _extends({
78
79
  name: 'arrow-back',
79
80
  size: 30,
80
81
  color: _theme.theme.colors.gray[700],
81
82
  onPress: () => onPress && onPress()
82
- }), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
83
+ }, iconProps)), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
83
84
  marginHorizontal: 4
84
85
  }))), title && /*#__PURE__*/_react.default.createElement(_text.StyledText, {
85
86
  color: color,
package/lib/commonjs/package/header/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","_statusBar","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","getStatusBarHeight","exports","Header","navigator","fontWeight","normal","fontSize","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","StyledSpacer","marginHorizontal","StyledText","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\nimport { getStatusBarHeight } from '../utils/statusBar'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n },\r\n statusHeight: (height = 0) => {\r\n return { paddingTop: height }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent={true}\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers statusHeight={getStatusBarHeight(skipAndroid)} {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => onPress && onPress()}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\r\n >\r\n {title}\r\n </StyledText>}\r\n {\r\n rightIcon && (\r\n <>{rightIcon}</>\r\n )\r\n }\r\n\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Header = Header\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","_statusBar","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","getStatusBarHeight","exports","Header","navigator","fontWeight","normal","fontSize","iconProps","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","StyledSpacer","marginHorizontal","StyledText","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\nimport { getStatusBarHeight } from '../utils/statusBar'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n },\r\n statusHeight: (height = 0) => {\r\n return { paddingTop: height }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent={true}\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers statusHeight={getStatusBarHeight(skipAndroid)} {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, iconProps, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => onPress && onPress()}\r\n {...iconProps}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\r\n >\r\n {title}\r\n </StyledText>}\r\n {\r\n rightIcon && (\r\n <>{rightIcon}</>\r\n )\r\n }\r\n\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Header = Header\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
package/lib/module/package/header/index.js CHANGED
@@ -51,6 +51,7 @@ const Header = ({
51
51
  navigator,
52
52
  fontWeight = theme.fontWeight.normal,
53
53
  fontSize = theme.fontSize.normal,
54
+ iconProps,
54
55
  color = theme.colors.gray[800],
55
56
  textProps,
56
57
  title,
@@ -67,12 +68,12 @@ const Header = ({
67
68
  flex: 1,
68
69
  paddingHorizontal: 8,
69
70
  paddingVertical: 8
70
- }, rest), icon && /*#__PURE__*/React.createElement(StyledCycle, cycleProps, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
71
+ }, rest), icon && /*#__PURE__*/React.createElement(StyledCycle, cycleProps, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, _extends({
71
72
  name: 'arrow-back',
72
73
  size: 30,
73
74
  color: theme.colors.gray[700],
74
75
  onPress: () => onPress && onPress()
75
- }), /*#__PURE__*/React.createElement(StyledSpacer, {
76
+ }, iconProps)), /*#__PURE__*/React.createElement(StyledSpacer, {
76
77
  marginHorizontal: 4
77
78
  }))), title && /*#__PURE__*/React.createElement(StyledText, {
78
79
  color: color,
package/lib/module/package/header/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","StatusBar","Icon","theme","YStack","XStack","styled","StyledCycle","StyledText","StyledSpacer","isValidNumber","getStatusBarHeight","Headers","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","_extends","translucent","backgroundColor","colors","gray","barStyle","Header","navigator","fontWeight","normal","fontSize","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","flex","paddingHorizontal","paddingVertical","Fragment","name","marginHorizontal","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\nimport { getStatusBarHeight } from '../utils/statusBar'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n },\r\n statusHeight: (height = 0) => {\r\n return { paddingTop: height }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent={true}\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers statusHeight={getStatusBarHeight(skipAndroid)} {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => onPress && onPress()}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\r\n >\r\n {title}\r\n </StyledText>}\r\n {\r\n rightIcon && (\r\n <>{rightIcon}</>\r\n )\r\n }\r\n\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Header = Header\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","View","StatusBar","Icon","theme","YStack","XStack","styled","StyledCycle","StyledText","StyledSpacer","isValidNumber","getStatusBarHeight","Headers","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","Error","statusHeight","height","paddingTop","StyledHeader","statusProps","skipAndroid","rest","createElement","_extends","translucent","backgroundColor","colors","gray","barStyle","Header","navigator","fontWeight","normal","fontSize","iconProps","color","textProps","title","icon","cycleProps","rightIcon","rightIconProps","onPress","flex","paddingHorizontal","paddingVertical","Fragment","name","marginHorizontal","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\nimport { getStatusBarHeight } from '../utils/statusBar'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n },\r\n statusHeight: (height = 0) => {\r\n return { paddingTop: height }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent={true}\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers statusHeight={getStatusBarHeight(skipAndroid)} {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, iconProps, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => onPress && onPress()}\r\n {...iconProps}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={color}\r\n fontWeight={fontWeight}\r\n fontSize={fontSize}\r\n >\r\n {title}\r\n </StyledText>}\r\n {\r\n rightIcon && (\r\n <>{rightIcon}</>\r\n )\r\n }\r\n\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Header = Header\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluent-styles",
3
- "version": "1.27.0",
3
+ "version": "1.28.0",
4
4
  "description": "Develop different styled versions of UI components.",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
package/src/package/header/index.jsx CHANGED
@@ -45,7 +45,7 @@ const StyledHeader = ({ statusProps, skipAndroid = false, ...rest }) => {
45
45
  )
46
46
  }
47
47
 
48
- const Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {
48
+ const Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = theme.fontSize.normal, iconProps, color = theme.colors.gray[800], textProps, title, icon = false, cycleProps, rightIcon, rightIconProps, onPress, ...rest }) => {
49
49
 
50
50
  return (
51
51
  <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}
@@ -59,6 +59,7 @@ const Header = ({ navigator, fontWeight = theme.fontWeight.normal, fontSize = th
59
59
  size={30}
60
60
  color={theme.colors.gray[700]}
61
61
  onPress={() => onPress && onPress()}
62
+ {...iconProps}
62
63
  />
63
64
  <StyledSpacer marginHorizontal={4} />
64
65
  </>