@spaced-out/ui-design-system 0.6.15 → 0.6.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.d.ts +1 -0
- package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.d.ts.map +1 -1
- package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.js +5 -2
- package/lib/components/VoiceOrb/VoiceOrb/VoiceOrb.module.css +20 -0
- package/mcp/package.json +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
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.
|
|
4
4
|
|
|
5
|
+
### [0.6.16](https://github.com/spaced-out/ui-design-system/compare/v0.6.15...v0.6.16) (2026-05-12)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* 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))
|
|
11
|
+
|
|
12
|
+
### [0.6.16](https://github.com/spaced-out/ui-design-system/compare/v0.6.15...v0.6.16) (2026-05-11)
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* **VoiceOrb:** Added loading animation for voice orb.
|
|
17
|
+
|
|
5
18
|
### [0.6.15](https://github.com/spaced-out/ui-design-system/compare/v0.6.14...v0.6.15) (2026-05-07)
|
|
6
19
|
|
|
7
20
|
|
|
@@ -11,6 +11,7 @@ export interface VoiceOrbProps {
|
|
|
11
11
|
/** Custom event name to listen for agent volume updates. Default `'agent_volume_update'`. */
|
|
12
12
|
volumeTickEvent?: string;
|
|
13
13
|
testId?: string;
|
|
14
|
+
loading?: boolean;
|
|
14
15
|
}
|
|
15
16
|
export declare const VoiceOrb: React.ForwardRefExoticComponent<VoiceOrbProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
17
|
export {};
|
|
@@ -1 +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;
|
|
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;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,sFA6DpB,CAAC"}
|
|
@@ -18,7 +18,8 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
|
|
|
18
18
|
classNames,
|
|
19
19
|
enableMicrophone = false,
|
|
20
20
|
volumeTickEvent = 'agent_volume_update',
|
|
21
|
-
testId
|
|
21
|
+
testId,
|
|
22
|
+
loading = false
|
|
22
23
|
} = _ref;
|
|
23
24
|
const orbRef = React.useRef(null);
|
|
24
25
|
React.useEffect(() => {
|
|
@@ -48,7 +49,9 @@ const VoiceOrb = exports.VoiceOrb = /*#__PURE__*/React.forwardRef((_ref, ref) =>
|
|
|
48
49
|
className: (0, _classify.default)(_VoiceOrbModule.default.orbContainer, classNames?.orbContainer),
|
|
49
50
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
50
51
|
ref: orbRef,
|
|
51
|
-
className: (0, _classify.default)(_VoiceOrbModule.default.orb,
|
|
52
|
+
className: (0, _classify.default)(_VoiceOrbModule.default.orb, {
|
|
53
|
+
[_VoiceOrbModule.default.loading]: loading
|
|
54
|
+
}, classNames?.orb),
|
|
52
55
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Microphone.Microphone, {
|
|
53
56
|
enableMicrophone: enableMicrophone
|
|
54
57
|
})
|
|
@@ -49,3 +49,23 @@
|
|
|
49
49
|
);
|
|
50
50
|
pointer-events: none;
|
|
51
51
|
}
|
|
52
|
+
|
|
53
|
+
.loading {
|
|
54
|
+
animation: orbPulse 2s ease-in-out infinite;
|
|
55
|
+
box-shadow: 0px 0px 10px rgba(86, 204, 242, 0.3),
|
|
56
|
+
0px 0px 20px rgba(47, 128, 237, 0.3), 0px 0px 30px rgba(124, 58, 237, 0.3);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@keyframes orbPulse {
|
|
60
|
+
0% {
|
|
61
|
+
transform: scale(1);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
50% {
|
|
65
|
+
transform: scale(0.92);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
100% {
|
|
69
|
+
transform: scale(1);
|
|
70
|
+
}
|
|
71
|
+
}
|
package/mcp/package.json
CHANGED