@spaced-out/ui-design-system 0.6.32 → 0.6.33

package/.github/workflows/publish_to_npm.yml

@@ -94,7 +94,14 @@ jobs:
           fi
         # Note(Nishant): Unified step for version bump, respecting prerelease condition
 
-        # Push changes
+      # Publish version to NPM repository
+      - name: Publish to NPM
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+        run: yarn publish --verbose --access public --tag "$RELEASE_TAG"
+
+      # Push changes only after a successful publish, so a failed publish
+      # never leaves a chore(release) commit/tag behind on the branch.
       - name: Push CHANGELOG.md and created release tag
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -103,9 +110,3 @@ jobs:
           git push --follow-tags origin "${GITHUB_REF_NAME}"
 
         # Note(Nishant): Push to selected branch, not hardcoded master
-
-      # Publish version to NPM repository
-      - name: Publish to NPM
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
-        run: yarn publish --verbose --access public --tag "$RELEASE_TAG"

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.6.33](https://github.com/spaced-out/ui-design-system/compare/v0.6.32...v0.6.33) (2026-09-15)
+
+
+### Bug Fixes
+
+* **chore-release:** commit version update only after successful npm publish ([#503](https://github.com/spaced-out/ui-design-system/issues/503)) ([3e89b88](https://github.com/spaced-out/ui-design-system/commit/3e89b88492fb0461fb5e9ddf32481f13005e0633))
+* **truncated-text-with-tooltip:** re-attach ResizeObserver when truncated node changes ([#502](https://github.com/spaced-out/ui-design-system/issues/502)) ([5305ba6](https://github.com/spaced-out/ui-design-system/commit/5305ba6fceb6643f8432b4c8bd85c07ff25d4c4b))
+
 ### [0.6.32](https://github.com/spaced-out/ui-design-system/compare/v0.6.31...v0.6.32) (2026-09-04)
 
 ### [0.6.31](https://github.com/spaced-out/ui-design-system/compare/v0.6.30...v0.6.31) (2026-08-31)

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TruncatedTextWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAYD,eAAO,MAAM,wBAAwB,GAAI,uEAQtC,6BAA6B,sBAuF/B,CAAC"}
+{"version":3,"file":"TruncatedTextWithTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAYD,eAAO,MAAM,wBAAwB,GAAI,uEAQtC,6BAA6B,sBAkG/B,CAAC"}

package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TruncatedTextWithTooltip = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _useWindowSize = require("../../hooks/useWindowSize");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _qa = require("../../utils/qa");
 var _ConditionalWrapper = require("../ConditionalWrapper");
@@ -29,23 +28,32 @@ const TruncatedTextWithTooltip = _ref => {
     wordBreak = 'break-all',
     testId
   } = _ref;
-  const {
-    width
-  } = (0, _useWindowSize.useWindowSize)();
   const [showMouseTip, setShowMouseTip] = React.useState(false);
-  const truncatedRef = React.useRef(null);
+  const [truncatedNode, setTruncatedNode] = React.useState(null);
   const checkIfTextOverflowing = React.useMemo(() => (0, _debounce.default)(() => {
-    if (!wrapText && truncatedRef && truncatedRef.current && truncatedRef.current.scrollHeight > truncatedRef.current.clientHeight) {
+    if (!wrapText && truncatedNode && truncatedNode.scrollHeight > truncatedNode.clientHeight) {
       setShowMouseTip(true);
     } else {
       setShowMouseTip(false);
     }
   }, 200, {
     leading: true
-  }), []);
+  }), [truncatedNode, wrapText]);
   React.useEffect(() => {
     checkIfTextOverflowing();
-  }, [width, line, children, wrapText]);
+  }, [line, children, wrapText, checkIfTextOverflowing]);
+  React.useEffect(() => {
+    if (!truncatedNode) {
+      return undefined;
+    }
+    const observer = new ResizeObserver(() => {
+      checkIfTextOverflowing();
+    });
+    observer.observe(truncatedNode);
+    return () => {
+      observer.disconnect();
+    };
+  }, [truncatedNode, checkIfTextOverflowing]);
   const styles = {
     '--line-clamp': wrapText ? 'unset' : line,
     '--word-break': wordBreak
@@ -94,7 +102,7 @@ const TruncatedTextWithTooltip = _ref => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _classify.default)(_TruncatedTextWithTooltipModule.default.truncateLineClamp, classNames?.wrapper),
       style: styles,
-      ref: truncatedRef,
+      ref: setTruncatedNode,
       "data-testid": (0, _qa.generateTestId)({
         base: testId,
         slot: 'text'

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.6.32",
+  "version": "0.6.33",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"