@hero-design/rn 8.126.0 → 8.127.1-test-auto-workflow.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @hero-design/rn
 
+## 8.127.1-test-auto-workflow.0
+
+### Patch Changes
+
+- bump version
+
+- Updated dependencies []:
+  - @hero-design/colors@8.47.4-test-auto-workflow.0
+  - @hero-design/react-native-month-year-picker@8.45.3-test-auto-workflow.0
+
+## 8.127.0
+
+### Minor Changes
+
+- [#5062](https://github.com/Thinkei/hero-design/pull/5062) [`94e95b9b964949e2ad8da6f071ac0aae7b8879ae`](https://github.com/Thinkei/hero-design/commit/94e95b9b964949e2ad8da6f071ac0aae7b8879ae) Thanks [@phucdph](https://github.com/phucdph)! - [Tag] Change label font weight to medium and add neutral intent
+
+  - Tag string label font weight changed from semi-bold (600) to medium (500) across all intents.
+  - New `intent="neutral"`
+
 ## 8.126.0
 
 ### Minor Changes

package/es/index.js

@@ -7181,10 +7181,12 @@ var getTagTheme = function getTagTheme(theme) {
     dangerBackground: theme.colors.errorSurface,
     archived: theme.colors.onArchivedSurface,
     archivedBackground: theme.colors.archivedSurface,
-    text: theme.colors.onDefaultGlobalSurface
+    text: theme.colors.onDefaultGlobalSurface,
+    neutral: theme.colors.onDefaultGlobalSurface,
+    neutralBackground: theme.colors.neutralGlobalSurface
   };
   var fonts = {
-    "default": theme.fonts.neutral.semiBold
+    "default": theme.fonts.neutral.medium
   };
   var fontSizes = {
     "default": theme.fontSizes.small
@@ -28689,7 +28691,7 @@ var Tag = function Tag(_ref) {
     testID: testID !== undefined ? "".concat(testID, "-left-icon") : undefined
   }), typeof content === 'string' ? /*#__PURE__*/React__default.createElement(StyledText$1, {
     themeIntent: intent,
-    fontWeight: "semi-bold"
+    fontWeight: "medium"
   }, content) : content, rightIcon !== undefined && /*#__PURE__*/React__default.createElement(StyledTagIcon, {
     icon: rightIcon,
     size: "xsmall",

package/lib/index.js

@@ -7211,10 +7211,12 @@ var getTagTheme = function getTagTheme(theme) {
     dangerBackground: theme.colors.errorSurface,
     archived: theme.colors.onArchivedSurface,
     archivedBackground: theme.colors.archivedSurface,
-    text: theme.colors.onDefaultGlobalSurface
+    text: theme.colors.onDefaultGlobalSurface,
+    neutral: theme.colors.onDefaultGlobalSurface,
+    neutralBackground: theme.colors.neutralGlobalSurface
   };
   var fonts = {
-    "default": theme.fonts.neutral.semiBold
+    "default": theme.fonts.neutral.medium
   };
   var fontSizes = {
     "default": theme.fontSizes.small
@@ -28719,7 +28721,7 @@ var Tag = function Tag(_ref) {
     testID: testID !== undefined ? "".concat(testID, "-left-icon") : undefined
   }), typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledText$1, {
     themeIntent: intent,
-    fontWeight: "semi-bold"
+    fontWeight: "medium"
   }, content) : content, rightIcon !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledTagIcon, {
     icon: rightIcon,
     size: "xsmall",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.126.0",
+  "version": "8.127.1-test-auto-workflow.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,14 +22,14 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.47.3",
+    "@hero-design/colors": "8.47.4-test-auto-workflow.0",
     "d3": "^7.8.5",
     "date-fns": "^2.30.0",
     "hero-editor": "^1.17.0",
     "nanoid": "^5.0.9"
   },
   "peerDependencies": {
-    "@hero-design/react-native-month-year-picker": "^8.45.2",
+    "@hero-design/react-native-month-year-picker": "^8.45.3-test-auto-workflow.0",
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
     "@react-native-community/datetimepicker": "^8.4.4",
     "@react-native-community/slider": "^5.0.1",
@@ -58,8 +58,8 @@
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.8.0",
-    "@hero-design/eslint-plugin": "9.2.3",
-    "@hero-design/react-native-month-year-picker": "^8.45.2",
+    "@hero-design/eslint-plugin": "9.2.4-test-auto-workflow.0",
+    "@hero-design/react-native-month-year-picker": "^8.45.3-test-auto-workflow.0",
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
     "@react-native-community/datetimepicker": "8.4.4",
     "@react-native-community/slider": "^5.0.1",
@@ -83,12 +83,12 @@
     "babel-plugin-inline-import": "^3.0.0",
     "core-js": "^3.33.0",
     "eslint": "^8.56.0",
-    "eslint-config-hd": "8.42.5",
+    "eslint-config-hd": "8.42.6-test-auto-workflow.0",
     "expo-linear-gradient": "55.0.9",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "jest-junit": "^16.0.0",
-    "prettier-config-hd": "8.42.4",
+    "prettier-config-hd": "8.42.5-test-auto-workflow.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.5",

package/src/components/Tag/StyledTag.tsx

@@ -9,7 +9,8 @@ type ThemeIntent =
   | 'success'
   | 'warning'
   | 'danger'
-  | 'archived';
+  | 'archived'
+  | 'neutral';
 
 const StyledView = styled(View)<{
   themeIntent: ThemeIntent;

package/src/components/Tag/index.tsx

@@ -17,7 +17,14 @@ interface TagProps extends ViewProps {
   /**
    * Visual intent color to apply to Tag.
    */
-  intent?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
+  intent?:
+    | 'primary'
+    | 'info'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'archived'
+    | 'neutral';
   /**
    * Places an icon within the tag, after the content.
    */
@@ -70,7 +77,7 @@ const Tag = ({
         />
       )}
       {typeof content === 'string' ? (
-        <StyledText themeIntent={intent} fontWeight="semi-bold">
+        <StyledText themeIntent={intent} fontWeight="medium">
           {content}
         </StyledText>
       ) : (

package/src/theme/components/tag.ts

@@ -19,10 +19,12 @@ const getTagTheme = (theme: GlobalTheme) => {
     archived: theme.colors.onArchivedSurface,
     archivedBackground: theme.colors.archivedSurface,
     text: theme.colors.onDefaultGlobalSurface,
+    neutral: theme.colors.onDefaultGlobalSurface,
+    neutralBackground: theme.colors.neutralGlobalSurface,
   };
 
   const fonts = {
-    default: theme.fonts.neutral.semiBold,
+    default: theme.fonts.neutral.medium,
   };
 
   const fontSizes = {

package/types/components/Tag/StyledTag.d.ts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-type ThemeIntent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
+type ThemeIntent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived' | 'neutral';
 declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/components/Tag/index.d.ts

@@ -13,7 +13,7 @@ interface TagProps extends ViewProps {
     /**
      * Visual intent color to apply to Tag.
      */
-    intent?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
+    intent?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived' | 'neutral';
     /**
      * Places an icon within the tag, after the content.
      */

package/types/theme/components/tag.d.ts

@@ -17,6 +17,8 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         archived: string;
         archivedBackground: string;
         text: string;
+        neutral: string;
+        neutralBackground: string;
     };
     fonts: {
         default: string;