@touchcastllc/napster-companion-api-dev 1.6.0-alpha.5 → 1.6.0-alpha.7

package/lib/utils/classnames.d.ts

@@ -21,20 +21,20 @@ export declare function cn(...inputs: ClassInput[]): string;
  */
 export declare const ControlClasses: {
     readonly icon: "np_companion-action-btn-container-icon";
+    /** Shared control-bar button. Presentation lives in ControlBar.css. */
+    readonly controlButton: "np_companion-ctl-btn";
+    /** Mic modifier — the one filled, borderless control in the designs. */
+    readonly controlButtonMic: "np_companion-ctl-btn--mic";
     readonly persistFillColor: "np_companion-persist-fill-color";
     readonly alignMiddle: "np_companion-align-middle";
-    readonly alignBetween: "np_companion-align-between";
     readonly darkGreyBg: "np_companion-dark-grey-bg";
     readonly callEnd: "np_companion-action-btn-container-call-end";
     readonly container: "np_companion-action-btn-container-container";
     readonly wrapper: "np_companion-action-btn-container-wrapper";
     readonly controls: "np_companion-action-btn-container-controls";
-    readonly left: "np_companion-action-btn-container-left";
-    readonly right: "np_companion-action-btn-container-right";
     readonly stop: "np_companion-action-btn-container-stop";
     readonly questionBar: "np_companion-chat-question-bar-container";
-    readonly talking: "np_companion-talking";
-    readonly muted: "muted";
+    readonly muted: "np_companion-muted";
     readonly hidden: "np_companion-hidden";
     readonly expanded: "np_companion-action-btn-container-expanded";
     readonly collapse: "np_companion-action-btn-container-collapse";

package/lib/utils/figmaIcons.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Control-bar glyphs, exported from the Web Agent designs.
+ *
+ * Figma page `Web Agent [Jul 29]` (80:556). A 28x28 stroke set — the SDK's
+ * previous glyphs were filled shapes on assorted viewBoxes (16, 17, 21, 640),
+ * which is why they read heavier and inconsistent against the designs.
+ *
+ * Path data is generated from the exported SVGs. Do not hand-edit: regenerate
+ * from Figma so the code cannot drift from the source.
+ */
+export interface FigmaIcon {
+    /** Path `d` attribute, verbatim from the export. */
+    d: string;
+    /** Stroke width in viewBox units. */
+    strokeWidth: string;
+    /** Figma node id of the source component. */
+    nodeId: string;
+}
+/** Every glyph in the set shares this viewBox. */
+export declare const ICON_VIEW_BOX = "0 0 28 28";
+export declare const FigmaIcons: {
+    /** `microphone` — Figma 104:40. */
+    readonly microphone: FigmaIcon;
+    /** `microphone-off` — Figma 104:42. */
+    readonly microphoneOff: FigmaIcon;
+    /** `volume-max` — Figma 104:38. */
+    readonly volumeMax: FigmaIcon;
+    /** `volume-x` — Figma 104:46. */
+    readonly volumeX: FigmaIcon;
+    /** `phone-x` — Figma 104:44. */
+    readonly phoneX: FigmaIcon;
+};

package/lib/utils/svg.d.ts

@@ -26,7 +26,12 @@ export declare const ControlIcons: {
     micUnmuted(): SVGSVGElement;
     micMuted(): SVGSVGElement;
     stop(): SVGSVGElement;
-    volumeHigh(level: number): SVGSVGElement;
+    /**
+     * The control is a mute toggle — there is no level slider — so the designs
+     * provide a single "sound on" glyph. `level` is kept for compatibility and
+     * does not change the icon.
+     */
+    volumeHigh(_level?: number): SVGSVGElement;
     volumeMuted(): SVGSVGElement;
     screenShare(): SVGSVGElement;
     screenShareActive(): SVGSVGElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@touchcastllc/napster-companion-api-dev",
-  "version": "1.6.0-alpha.5",
+  "version": "1.6.0-alpha.7",
   "keywords": [
     "napster",
     "companion-api",

package/lib/components/controls/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const BASE_BUTTON_STYLE: Partial<CSSStyleDeclaration>;
-export declare const TALKING_STYLE: Partial<CSSStyleDeclaration>;