@hero-design/rn-work-uikit 1.13.2-test-dispatch-downstream.0 → 1.13.3-test-auto-workflow.0

package/CHANGELOG.md

@@ -1,44 +1,59 @@
 # @hero-design/rn-work-uikit
 
-## 1.13.2-test-dispatch-downstream.0
+## 1.13.3-test-auto-workflow.0
 
 ### Patch Changes
 
-- test
+- bump version
 
 - Updated dependencies []:
-  - @hero-design/react-native-month-year-picker@8.45.3-test-dispatch-downstream.0
-  - @hero-design/rn@8.123.1-test-dispatch-downstream.0
+  - @hero-design/react-native-month-year-picker@8.45.3-test-auto-workflow.0
+  - @hero-design/rn@8.124.1-test-auto-workflow.0
 
-## 1.12.4-test-dispatch-downstream.2
+## 1.13.2
 
 ### Patch Changes
 
-- test dispatch workflow
+- Updated dependencies [[`7d35f92916acd42649e79f2f276dff3cf94a5a03`](https://github.com/Thinkei/hero-design/commit/7d35f92916acd42649e79f2f276dff3cf94a5a03)]:
+  - @hero-design/rn@8.124.0
 
-- Updated dependencies []:
-  - @hero-design/react-native-month-year-picker@8.45.3-test-dispatch-downstream.2
-  - @hero-design/rn@8.120.2-test-dispatch-downstream.2
-
-## 1.12.4-test-dispatch-downstream.1
+## 1.13.1
 
 ### Patch Changes
 
-- test
+- Updated dependencies [[`65005affb073e5de21dbe2511a8ef42251aa21ca`](https://github.com/Thinkei/hero-design/commit/65005affb073e5de21dbe2511a8ef42251aa21ca)]:
+  - @hero-design/rn@8.123.0
 
-- Updated dependencies []:
-  - @hero-design/react-native-month-year-picker@8.45.3-test-dispatch-downstream.1
-  - @hero-design/rn@8.120.2-test-dispatch-downstream.1
+## 1.13.0
+
+### Minor Changes
+
+- [#4992](https://github.com/Thinkei/hero-design/pull/4992) [`87bd2b334180c9908328a7cdd2e686694dae1d7d`](https://github.com/Thinkei/hero-design/commit/87bd2b334180c9908328a7cdd2e686694dae1d7d) Thanks [@haudao-eh](https://github.com/haudao-eh)! - [Avatar] Add `neutral` intent to Avatar. `neutral` is now the default intent, replacing `primary`.
 
-## 1.12.4-test-dispatch-downstream.0
+  **Note:** Any Avatar rendered without an explicit `intent` prop will now
+  display a teal-grey background instead of dark purple. Add `intent="primary"`
+  to preserve the previous appearance.
 
 ### Patch Changes
 
-- bump test version
+- Updated dependencies [[`87bd2b334180c9908328a7cdd2e686694dae1d7d`](https://github.com/Thinkei/hero-design/commit/87bd2b334180c9908328a7cdd2e686694dae1d7d)]:
+  - @hero-design/rn@8.122.0
 
-- Updated dependencies []:
-  - @hero-design/react-native-month-year-picker@8.45.3-test-dispatch-downstream.0
-  - @hero-design/rn@8.120.2-test-dispatch-downstream.0
+## 1.12.5
+
+### Patch Changes
+
+- [#4963](https://github.com/Thinkei/hero-design/pull/4963) [`8921509e3c0271abe2c0df377316fc5ded154a05`](https://github.com/Thinkei/hero-design/commit/8921509e3c0271abe2c0df377316fc5ded154a05) Thanks [@ttkien](https://github.com/ttkien)! - [Icon] add 'ai' intent
+
+- Updated dependencies [[`4caa323ce232ef982bab8e3845aadc6b493a3804`](https://github.com/Thinkei/hero-design/commit/4caa323ce232ef982bab8e3845aadc6b493a3804), [`8921509e3c0271abe2c0df377316fc5ded154a05`](https://github.com/Thinkei/hero-design/commit/8921509e3c0271abe2c0df377316fc5ded154a05), [`654135e5178e2ab74dc6e9d80edb7bdab60275d7`](https://github.com/Thinkei/hero-design/commit/654135e5178e2ab74dc6e9d80edb7bdab60275d7)]:
+  - @hero-design/rn@8.121.0
+
+## 1.12.4
+
+### Patch Changes
+
+- Updated dependencies [[`78197ad0e210611eedab518bf088e7ee1c872fc3`](https://github.com/Thinkei/hero-design/commit/78197ad0e210611eedab518bf088e7ee1c872fc3)]:
+  - @hero-design/rn@8.120.2
 
 ## 1.12.3
 

package/CLAUDE.md

@@ -0,0 +1,34 @@
+# @hero-design/rn-work-uikit
+
+Work-specific React Native component library extending `@hero-design/rn` with work-focused components (TextInput, specialized themes, work-specific patterns).
+
+## File Organization
+
+- Entry: `ComponentName/index.tsx`
+- Component: `ComponentName/ComponentName.tsx` (if separate from index)
+- Styled: `ComponentName/StyledComponentName.tsx`
+- Sub-components: `ComponentName/SubComponentName.tsx` (sibling, e.g. `ErrorOrHelpText.tsx`, `FloatingLabel.tsx`)
+- Types: `ComponentName/types.ts` (if needed)
+- Constants: `ComponentName/constants.ts` (if needed)
+- Tests: `ComponentName/__tests__/ComponentName.spec.tsx`
+
+## Conventions
+
+- Prefer composing/extending core `@hero-design/rn` components
+- Use `theme.__hd__.*` tokens; keep styled components out of render
+- Strict TypeScript; fix lint/TS errors immediately
+
+## Testing
+
+- Use `renderWithTheme()` from `'../../../../testUtils/renderWithTheme'` for theme context
+- Use `@testing-library/react-native` + `jest` + `@testing-library/jest-native`
+- Test with work-specific theme overrides (work color palettes, spacing)
+- Handle nested styles with `StyleSheet.flatten()` when needed
+
+## Commands
+
+```bash
+yarn turbo run test --filter=@hero-design/rn-work-uikit -- -- ComponentName [--watch|--updateSnapshot]
+yarn workspace @hero-design/rn-work-uikit lint
+yarn workspace @hero-design/rn-work-uikit type-check
+```

package/es/index.js

@@ -7339,7 +7339,8 @@ var getTagTheme = function getTagTheme(theme) {
   };
   var space = {
     horizontalPadding: theme.space.small,
-    verticalPadding: theme.space.xsmall
+    verticalPadding: theme.space.xsmall,
+    iconGap: theme.space.xsmall
   };
   var radii = {
     "default": theme.radii.large
@@ -28873,7 +28874,10 @@ var StyledView = index$c(View)(function (_ref) {
     backgroundColor: theme.__hd__.tag.colors["".concat(themeIntent, "Background")],
     borderRadius: theme.__hd__.tag.radii["default"],
     paddingVertical: theme.__hd__.tag.space.verticalPadding,
-    paddingHorizontal: theme.__hd__.tag.space.horizontalPadding
+    paddingHorizontal: theme.__hd__.tag.space.horizontalPadding,
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start'
   };
 });
 var StyledText$1 = index$c(Typography.Caption)(function (_ref2) {
@@ -28886,14 +28890,26 @@ var StyledText$1 = index$c(Typography.Caption)(function (_ref2) {
     textAlign: 'center'
   };
 });
+var StyledTagIcon = index$c(Icon)(function (_ref3) {
+  var themeIntent = _ref3.themeIntent,
+    themePosition = _ref3.themePosition,
+    theme = _ref3.theme;
+  return {
+    color: theme.__hd__.tag.colors[themeIntent],
+    marginRight: themePosition === 'left' ? theme.__hd__.tag.space.iconGap : undefined,
+    marginLeft: themePosition === 'right' ? theme.__hd__.tag.space.iconGap : undefined
+  };
+});
 
-var _excluded$c = ["content", "variant", "intent", "style", "testID"];
+var _excluded$c = ["content", "icon", "variant", "intent", "rightIcon", "style", "testID"];
 var Tag = function Tag(_ref) {
   var content = _ref.content,
+    icon = _ref.icon,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
+    rightIcon = _ref.rightIcon,
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$c);
@@ -28902,10 +28918,22 @@ var Tag = function Tag(_ref) {
     themeIntent: intent,
     style: style,
     testID: testID
+  }), icon !== undefined && /*#__PURE__*/React__default.createElement(StyledTagIcon, {
+    icon: icon,
+    size: "xsmall",
+    themeIntent: intent,
+    themePosition: "left",
+    testID: testID !== undefined ? "".concat(testID, "-left-icon") : undefined
   }), typeof content === 'string' ? /*#__PURE__*/React__default.createElement(StyledText$1, {
     themeIntent: intent,
     fontWeight: "semi-bold"
-  }, content) : content);
+  }, content) : content, rightIcon !== undefined && /*#__PURE__*/React__default.createElement(StyledTagIcon, {
+    icon: rightIcon,
+    size: "xsmall",
+    themeIntent: intent,
+    themePosition: "right",
+    testID: testID !== undefined ? "".concat(testID, "-right-icon") : undefined
+  }));
 };
 
 var ToolbarWrapper = index$c(View)(function (_ref) {

package/lib/index.js

@@ -7369,7 +7369,8 @@ var getTagTheme = function getTagTheme(theme) {
   };
   var space = {
     horizontalPadding: theme.space.small,
-    verticalPadding: theme.space.xsmall
+    verticalPadding: theme.space.xsmall,
+    iconGap: theme.space.xsmall
   };
   var radii = {
     "default": theme.radii.large
@@ -28903,7 +28904,10 @@ var StyledView = index$c(reactNative.View)(function (_ref) {
     backgroundColor: theme.__hd__.tag.colors["".concat(themeIntent, "Background")],
     borderRadius: theme.__hd__.tag.radii["default"],
     paddingVertical: theme.__hd__.tag.space.verticalPadding,
-    paddingHorizontal: theme.__hd__.tag.space.horizontalPadding
+    paddingHorizontal: theme.__hd__.tag.space.horizontalPadding,
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'flex-start'
   };
 });
 var StyledText$1 = index$c(Typography.Caption)(function (_ref2) {
@@ -28916,14 +28920,26 @@ var StyledText$1 = index$c(Typography.Caption)(function (_ref2) {
     textAlign: 'center'
   };
 });
+var StyledTagIcon = index$c(Icon)(function (_ref3) {
+  var themeIntent = _ref3.themeIntent,
+    themePosition = _ref3.themePosition,
+    theme = _ref3.theme;
+  return {
+    color: theme.__hd__.tag.colors[themeIntent],
+    marginRight: themePosition === 'left' ? theme.__hd__.tag.space.iconGap : undefined,
+    marginLeft: themePosition === 'right' ? theme.__hd__.tag.space.iconGap : undefined
+  };
+});
 
-var _excluded$c = ["content", "variant", "intent", "style", "testID"];
+var _excluded$c = ["content", "icon", "variant", "intent", "rightIcon", "style", "testID"];
 var Tag = function Tag(_ref) {
   var content = _ref.content,
+    icon = _ref.icon,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
+    rightIcon = _ref.rightIcon,
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$c);
@@ -28932,10 +28948,22 @@ var Tag = function Tag(_ref) {
     themeIntent: intent,
     style: style,
     testID: testID
+  }), icon !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledTagIcon, {
+    icon: icon,
+    size: "xsmall",
+    themeIntent: intent,
+    themePosition: "left",
+    testID: testID !== undefined ? "".concat(testID, "-left-icon") : undefined
   }), typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledText$1, {
     themeIntent: intent,
     fontWeight: "semi-bold"
-  }, content) : content);
+  }, content) : content, rightIcon !== undefined && /*#__PURE__*/React__namespace.default.createElement(StyledTagIcon, {
+    icon: rightIcon,
+    size: "xsmall",
+    themeIntent: intent,
+    themePosition: "right",
+    testID: testID !== undefined ? "".concat(testID, "-right-icon") : undefined
+  }));
 };
 
 var ToolbarWrapper = index$c(reactNative.View)(function (_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.13.2-test-dispatch-downstream.0",
+  "version": "1.13.3-test-auto-workflow.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,11 +23,11 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "8.123.1-test-dispatch-downstream.0",
+    "@hero-design/rn": "8.124.1-test-auto-workflow.0",
     "hero-editor": "^1.17.0"
   },
   "peerDependencies": {
-    "@hero-design/react-native-month-year-picker": "^8.45.3-test-dispatch-downstream.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",
@@ -55,8 +55,8 @@
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.8.0",
-    "@hero-design/eslint-plugin": "9.2.4-test-dispatch-downstream.0",
-    "@hero-design/react-native-month-year-picker": "^8.45.3-test-dispatch-downstream.0",
+    "@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",
@@ -80,12 +80,12 @@
     "babel-plugin-module-resolver": "^5.0.2",
     "core-js": "^3.33.0",
     "eslint": "^8.56.0",
-    "eslint-config-hd": "8.42.6-test-dispatch-downstream.0",
+    "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.5-test-dispatch-downstream.0",
+    "prettier-config-hd": "8.42.5-test-auto-workflow.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.5",