@hero-design/rn 8.22.0-alpha.0 → 8.22.0

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-@hero-design/rn:build: cache hit, replaying output 93c938e84b671777
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-@hero-design/rn:build: created lib/index.js, es/index.js in 37.1s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
+@hero-design/rn:build: cache hit, replaying output ebe8623fbd3e3933
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
+@hero-design/rn:build: created lib/index.js, es/index.js in 26.8s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/.turbo/turbo-publish:npm.log

@@ -1,9 +0,0 @@
-@hero-design/rn:publish:npm: cache hit, replaying output 507c34f3e0a508f6
-@hero-design/rn:publish:npm: $ yarn publish --access public
-@hero-design/rn:publish:npm: [1/4] Bumping version...
-@hero-design/rn:publish:npm: info Current version: 8.12.0-rc.0
-@hero-design/rn:publish:npm: [2/4] Logging in...
-@hero-design/rn:publish:npm: [3/4] Publishing...
-@hero-design/rn:publish:npm: success Published.
-@hero-design/rn:publish:npm: [4/4] Revoking token...
-@hero-design/rn:publish:npm: info Not revoking login token, specified via config file.

package/es/index.js

@@ -1427,26 +1427,26 @@ var globalPalette = {
   inactiveOutline: palette$7.maasstrichtBlueLight60,
   disabledOutline: palette$7.greyDark20,
   // Accents
-  error: palette$7.pastelRed,
-  mutedError: palette$7.pastelRedLight20,
-  errorSurface: palette$7.linen,
-  onErrorSurface: palette$7.vermilion,
-  warning: palette$7.mellowApricot,
-  mutedWarning: palette$7.mellowApricotLight20,
-  warningSurface: palette$7.seashell,
-  onWarningSurface: palette$7.deepSaffron,
-  success: palette$7.emerald,
-  mutedSuccess: palette$7.emeraldLight20,
-  successSurface: palette$7.honeydew,
-  onSuccessSurface: palette$7.pineGreen,
-  info: palette$7.vodka,
-  mutedInfo: palette$7.vodkaLight20,
-  infoSurface: palette$7.aliceBlue,
-  onInfoSurface: palette$7.ultramarineBlue,
-  archived: palette$7.silverChalice,
-  mutedArchived: palette$7.silverChaliceLight20,
-  archivedSurface: palette$7.antiFlashWhite,
-  onArchivedSurface: palette$7.sonicSilver
+  error: palette$7.vermilionDark10,
+  mutedError: palette$7.vermilionLight20,
+  errorSurface: palette$7.moussaka,
+  onErrorSurface: palette$7.indianDance,
+  warning: palette$7.theatreGold,
+  mutedWarning: palette$7.theatreGoldLight20,
+  warningSurface: palette$7.uniformGreen,
+  onWarningSurface: palette$7.blazingBonfire,
+  success: palette$7.pineGreenDark10,
+  mutedSuccess: palette$7.pineGreenLight20,
+  successSurface: palette$7.deepIntoTheJungle,
+  onSuccessSurface: palette$7.mintLeaf,
+  info: palette$7.ultramarineBlueDark10,
+  mutedInfo: palette$7.ultramarineBlueLight20,
+  infoSurface: palette$7.blueOblivion,
+  onInfoSurface: palette$7.pastelBlue,
+  archived: palette$7.sonicSilverDark10,
+  mutedArchived: palette$7.sonicSilverLight50,
+  archivedSurface: palette$7.bigStone,
+  onArchivedSurface: palette$7.flagstone
   // End of Updated 21 / Nov / 22
 };
 
@@ -2259,7 +2259,8 @@ var getFABTheme = function getFABTheme(theme) {
     actionItemPressedBackground: theme.colors.pressedSurface,
     backdropBackground: theme.colors.overlayGlobalSurface,
     titleText: theme.colors.onPrimary,
-    actionItemText: theme.colors.onPrimary
+    actionItemText: theme.colors.onPrimary,
+    shadow: theme.colors.primaryOutline
   };
   var sizes = {
     width: theme.sizes.xxxxxlarge,
@@ -2281,6 +2282,15 @@ var getFABTheme = function getFABTheme(theme) {
     title: theme.lineHeights.large,
     icon: theme.lineHeights.large
   };
+  var shadows = {
+    offset: {
+      width: 0,
+      height: 2
+    },
+    opacity: 0.12,
+    radius: theme.radii.medium,
+    elevation: 2
+  };
   var space = {
     actionItemPaddingLeft: theme.space.medium,
     actionItemPaddingRight: theme.space.medium,
@@ -2307,6 +2317,7 @@ var getFABTheme = function getFABTheme(theme) {
     colors: colors,
     sizes: sizes,
     lineHeights: lineHeights,
+    shadows: shadows,
     space: space
   };
 };
@@ -12745,7 +12756,7 @@ var Error$1 = function Error(_ref2) {
   }, nativeProps));
 };
 
-var StyledFABContainer = index$a(TouchableHighlight)(function (_ref) {
+var StyledFAB$1 = index$a(TouchableHighlight)(function (_ref) {
   var theme = _ref.theme;
   return {
     backgroundColor: theme.__hd__.fab.colors.buttonBackground,
@@ -12756,7 +12767,8 @@ var StyledFABContainer = index$a(TouchableHighlight)(function (_ref) {
     alignSelf: 'flex-start',
     paddingHorizontal: theme.__hd__.fab.space.containerPaddingHorizontal,
     paddingVertical: theme.__hd__.fab.space.containerPaddingVertical,
-    flexDirection: 'row'
+    flexDirection: 'row',
+    elevation: theme.__hd__.fab.shadows.elevation
   };
 });
 var StyledFABIcon = index$a(Icon)(function (_ref2) {
@@ -12780,6 +12792,15 @@ var StyledFABText = index$a(Typography.Text)(function (_ref3) {
     marginHorizontal: theme.__hd__.fab.space.titleMarginHorizontal
   };
 });
+var StyledFABContainer = index$a(Box)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    shadowColor: theme.__hd__.fab.colors.shadow,
+    shadowOffset: theme.__hd__.fab.shadows.offset,
+    shadowRadius: theme.__hd__.fab.shadows.radius,
+    shadowOpacity: theme.__hd__.fab.shadows.opacity
+  };
+});
 
 var _excluded$a = ["active"];
 var AnimatedIcons = Animated.createAnimatedComponent(StyledFABIcon);
@@ -12846,9 +12867,10 @@ var FAB = function FAB(_ref3) {
   var isIconOnly = !title;
   var theme = useTheme();
   return /*#__PURE__*/React.createElement(StyledFABContainer, {
-    underlayColor: theme.__hd__.fab.colors.buttonPressedBackground,
-    testID: testID,
     style: style,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(StyledFAB$1, {
+    underlayColor: theme.__hd__.fab.colors.buttonPressedBackground,
     onPress: onPress
   }, isIconOnly ? /*#__PURE__*/React.createElement(IconOnlyContent, {
     animated: animated,
@@ -12857,7 +12879,7 @@ var FAB = function FAB(_ref3) {
   }) : /*#__PURE__*/React.createElement(IconWithTextContent, {
     icon: icon,
     title: title
-  }));
+  })));
 };
 
 var StyledActionItem = index$a(TouchableHighlight)(function (_ref) {

package/lib/index.js

@@ -1457,26 +1457,26 @@ var globalPalette = {
   inactiveOutline: palette$7.maasstrichtBlueLight60,
   disabledOutline: palette$7.greyDark20,
   // Accents
-  error: palette$7.pastelRed,
-  mutedError: palette$7.pastelRedLight20,
-  errorSurface: palette$7.linen,
-  onErrorSurface: palette$7.vermilion,
-  warning: palette$7.mellowApricot,
-  mutedWarning: palette$7.mellowApricotLight20,
-  warningSurface: palette$7.seashell,
-  onWarningSurface: palette$7.deepSaffron,
-  success: palette$7.emerald,
-  mutedSuccess: palette$7.emeraldLight20,
-  successSurface: palette$7.honeydew,
-  onSuccessSurface: palette$7.pineGreen,
-  info: palette$7.vodka,
-  mutedInfo: palette$7.vodkaLight20,
-  infoSurface: palette$7.aliceBlue,
-  onInfoSurface: palette$7.ultramarineBlue,
-  archived: palette$7.silverChalice,
-  mutedArchived: palette$7.silverChaliceLight20,
-  archivedSurface: palette$7.antiFlashWhite,
-  onArchivedSurface: palette$7.sonicSilver
+  error: palette$7.vermilionDark10,
+  mutedError: palette$7.vermilionLight20,
+  errorSurface: palette$7.moussaka,
+  onErrorSurface: palette$7.indianDance,
+  warning: palette$7.theatreGold,
+  mutedWarning: palette$7.theatreGoldLight20,
+  warningSurface: palette$7.uniformGreen,
+  onWarningSurface: palette$7.blazingBonfire,
+  success: palette$7.pineGreenDark10,
+  mutedSuccess: palette$7.pineGreenLight20,
+  successSurface: palette$7.deepIntoTheJungle,
+  onSuccessSurface: palette$7.mintLeaf,
+  info: palette$7.ultramarineBlueDark10,
+  mutedInfo: palette$7.ultramarineBlueLight20,
+  infoSurface: palette$7.blueOblivion,
+  onInfoSurface: palette$7.pastelBlue,
+  archived: palette$7.sonicSilverDark10,
+  mutedArchived: palette$7.sonicSilverLight50,
+  archivedSurface: palette$7.bigStone,
+  onArchivedSurface: palette$7.flagstone
   // End of Updated 21 / Nov / 22
 };
 
@@ -2289,7 +2289,8 @@ var getFABTheme = function getFABTheme(theme) {
     actionItemPressedBackground: theme.colors.pressedSurface,
     backdropBackground: theme.colors.overlayGlobalSurface,
     titleText: theme.colors.onPrimary,
-    actionItemText: theme.colors.onPrimary
+    actionItemText: theme.colors.onPrimary,
+    shadow: theme.colors.primaryOutline
   };
   var sizes = {
     width: theme.sizes.xxxxxlarge,
@@ -2311,6 +2312,15 @@ var getFABTheme = function getFABTheme(theme) {
     title: theme.lineHeights.large,
     icon: theme.lineHeights.large
   };
+  var shadows = {
+    offset: {
+      width: 0,
+      height: 2
+    },
+    opacity: 0.12,
+    radius: theme.radii.medium,
+    elevation: 2
+  };
   var space = {
     actionItemPaddingLeft: theme.space.medium,
     actionItemPaddingRight: theme.space.medium,
@@ -2337,6 +2347,7 @@ var getFABTheme = function getFABTheme(theme) {
     colors: colors,
     sizes: sizes,
     lineHeights: lineHeights,
+    shadows: shadows,
     space: space
   };
 };
@@ -12775,7 +12786,7 @@ var Error$1 = function Error(_ref2) {
   }, nativeProps));
 };
 
-var StyledFABContainer = index$a(reactNative.TouchableHighlight)(function (_ref) {
+var StyledFAB$1 = index$a(reactNative.TouchableHighlight)(function (_ref) {
   var theme = _ref.theme;
   return {
     backgroundColor: theme.__hd__.fab.colors.buttonBackground,
@@ -12786,7 +12797,8 @@ var StyledFABContainer = index$a(reactNative.TouchableHighlight)(function (_ref)
     alignSelf: 'flex-start',
     paddingHorizontal: theme.__hd__.fab.space.containerPaddingHorizontal,
     paddingVertical: theme.__hd__.fab.space.containerPaddingVertical,
-    flexDirection: 'row'
+    flexDirection: 'row',
+    elevation: theme.__hd__.fab.shadows.elevation
   };
 });
 var StyledFABIcon = index$a(Icon)(function (_ref2) {
@@ -12810,6 +12822,15 @@ var StyledFABText = index$a(Typography.Text)(function (_ref3) {
     marginHorizontal: theme.__hd__.fab.space.titleMarginHorizontal
   };
 });
+var StyledFABContainer = index$a(Box)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    shadowColor: theme.__hd__.fab.colors.shadow,
+    shadowOffset: theme.__hd__.fab.shadows.offset,
+    shadowRadius: theme.__hd__.fab.shadows.radius,
+    shadowOpacity: theme.__hd__.fab.shadows.opacity
+  };
+});
 
 var _excluded$a = ["active"];
 var AnimatedIcons = reactNative.Animated.createAnimatedComponent(StyledFABIcon);
@@ -12876,9 +12897,10 @@ var FAB = function FAB(_ref3) {
   var isIconOnly = !title;
   var theme = useTheme();
   return /*#__PURE__*/React__default["default"].createElement(StyledFABContainer, {
-    underlayColor: theme.__hd__.fab.colors.buttonPressedBackground,
-    testID: testID,
     style: style,
+    testID: testID
+  }, /*#__PURE__*/React__default["default"].createElement(StyledFAB$1, {
+    underlayColor: theme.__hd__.fab.colors.buttonPressedBackground,
     onPress: onPress
   }, isIconOnly ? /*#__PURE__*/React__default["default"].createElement(IconOnlyContent, {
     animated: animated,
@@ -12887,7 +12909,7 @@ var FAB = function FAB(_ref3) {
   }) : /*#__PURE__*/React__default["default"].createElement(IconWithTextContent, {
     icon: icon,
     title: title
-  }));
+  })));
 };
 
 var StyledActionItem = index$a(reactNative.TouchableHighlight)(function (_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.22.0-alpha.0",
+  "version": "8.22.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.21.0",
+    "@hero-design/colors": "8.22.0",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -45,7 +45,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.21.0",
+    "@hero-design/eslint-plugin": "8.22.0",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -61,9 +61,9 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.21.0",
+    "eslint-config-hd": "8.22.0",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.21.0",
+    "prettier-config-hd": "8.22.0",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",