@spaced-out/ui-design-system 0.6.14 → 0.6.16

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.16](https://github.com/spaced-out/ui-design-system/compare/v0.6.15...v0.6.16) (2026-05-12)
+
+
+### Features
+
+* added loading state (Voice Orb) ([#484](https://github.com/spaced-out/ui-design-system/issues/484)) ([7080cf9](https://github.com/spaced-out/ui-design-system/commit/7080cf9f858b4a8e664c108e514c343a7fec1855))
+
+### [0.6.16](https://github.com/spaced-out/ui-design-system/compare/v0.6.15...v0.6.16) (2026-05-11)
+
+### Features
+
+* **VoiceOrb:** Added loading animation for voice orb.
+
+### [0.6.15](https://github.com/spaced-out/ui-design-system/compare/v0.6.14...v0.6.15) (2026-05-07)
+
+
+### Bug Fixes
+
+* removed extra space for error but no errorText case ([#482](https://github.com/spaced-out/ui-design-system/issues/482)) ([1572b30](https://github.com/spaced-out/ui-design-system/commit/1572b309739e11d2c873ef8875712752474d1934))
+* update panel footer and header gap ([#481](https://github.com/spaced-out/ui-design-system/issues/481)) ([8b0a1ae](https://github.com/spaced-out/ui-design-system/commit/8b0a1aeb6a2c4803573b00ca98a1891829c6835d))
+
 ### [0.6.14](https://github.com/spaced-out/ui-design-system/compare/v0.6.13...v0.6.14) (2026-04-30)
 
 

package/lib/components/Input/Input.js

@@ -248,7 +248,7 @@ const Input_ = (props, ref) => {
           className: classNames?.iconRight
         })]
       })
-    }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), (Boolean(helperText) || error && !!errorText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "data-testid": (0, _qa.generateTestId)({
         base: testId,
         slot: 'helperText'

package/lib/components/Panel/Panel.module.css

@@ -49,7 +49,7 @@
   min-height: size60;
   display: flex;
   align-items: center;
-  gap: spaceMedium;
+  gap: spaceSmall;
   background-color: colorBackgroundTertiary;
 }
 
@@ -76,7 +76,7 @@
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  gap: spaceMedium;
+  gap: spaceSmall;
 }
 
 .panelFooterActions {

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.d.ts

@@ -11,6 +11,7 @@ export interface VoiceOrbProps {
     /** Custom event name to listen for agent volume updates. Default `'agent_volume_update'`. */
     volumeTickEvent?: string;
     testId?: string;
+    loading?: boolean;
 }
 export declare const VoiceOrb: React.ForwardRefExoticComponent<VoiceOrbProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceOrb.d.ts","sourceRoot":"","sources":["../../../../src/components/VoiceOrb/VoiceOrb/VoiceOrb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,sFAmDpB,CAAC"}
+{"version":3,"file":"VoiceOrb.d.ts","sourceRoot":"","sources":["../../../../src/components/VoiceOrb/VoiceOrb/VoiceOrb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,sFA6DpB,CAAC"}

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.js

@@ -18,7 +18,8 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     classNames,
     enableMicrophone = false,
     volumeTickEvent = 'agent_volume_update',
-    testId
+    testId,
+    loading = false
   } = _ref;
   const orbRef = React.useRef(null);
   React.useEffect(() => {
@@ -48,7 +49,9 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
       className: (0, _classify.default)(_VoiceOrbModule.default.orbContainer, classNames?.orbContainer),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: orbRef,
-        className: (0, _classify.default)(_VoiceOrbModule.default.orb, classNames?.orb),
+        className: (0, _classify.default)(_VoiceOrbModule.default.orb, {
+          [_VoiceOrbModule.default.loading]: loading
+        }, classNames?.orb),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Microphone.Microphone, {
           enableMicrophone: enableMicrophone
         })

package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.module.css

@@ -49,3 +49,23 @@
   );
   pointer-events: none;
 }
+
+.loading {
+  animation: orbPulse 2s ease-in-out infinite;
+  box-shadow: 0px 0px 10px rgba(86, 204, 242, 0.3),
+    0px 0px 20px rgba(47, 128, 237, 0.3), 0px 0px 30px rgba(124, 58, 237, 0.3);
+}
+
+@keyframes orbPulse {
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "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.14",
+  "version": "0.6.16",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"