@hadoku/task-ui-components 4.23.5 → 4.23.6
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/dist/components/AvatarBuilder.d.ts +28 -0
- package/dist/components/AvatarBuilder.d.ts.map +1 -0
- package/dist/components/AvatarBuilder.js +674 -0
- package/dist/components/AvatarBuilder.js.map +1 -0
- package/dist/components/AvatarDialog.d.ts +6 -4
- package/dist/components/AvatarDialog.d.ts.map +1 -1
- package/dist/components/AvatarDialog.js +3 -3
- package/dist/components/AvatarDialog.js.map +1 -1
- package/dist/components/AvatarPicker.d.ts +19 -10
- package/dist/components/AvatarPicker.d.ts.map +1 -1
- package/dist/components/AvatarPicker.js +18 -70
- package/dist/components/AvatarPicker.js.map +1 -1
- package/dist/components/ConnectedSettings.d.ts.map +1 -1
- package/dist/components/ConnectedSettings.js +2 -1
- package/dist/components/ConnectedSettings.js.map +1 -1
- package/dist/lib/avatarData.d.ts +27 -0
- package/dist/lib/avatarData.d.ts.map +1 -0
- package/dist/lib/avatarData.js +23 -0
- package/dist/lib/avatarData.js.map +1 -0
- package/dist/vendor/wolffm/prefs-client/avatar.js +7 -1
- package/dist/vendor/wolffm/prefs-client/avatar.js.map +1 -1
- package/dist/vendor/wolffm/prefs-client/cosmetics.js +491 -0
- package/dist/vendor/wolffm/prefs-client/cosmetics.js.map +1 -0
- package/package.json +2 -2
- package/src/components/AvatarBuilder.tsx +835 -0
- package/src/components/AvatarDialog.tsx +8 -6
- package/src/components/AvatarPicker.tsx +38 -120
- package/src/components/ConnectedSettings.tsx +1 -0
- package/src/lib/avatarData.ts +40 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AvatarBuilder — the body of AvatarDialog: the person's avatar and what they
|
|
3
|
+
* wear with it, with a live preview.
|
|
4
|
+
*
|
|
5
|
+
* Layout (operator's pick, 2026-11-01): a preview column on the left (the
|
|
6
|
+
* avatar large, with the name, and a chat line as others see it), and on the
|
|
7
|
+
* right tabs for the Picture (AvatarPicker) and each cosmetic slot. Narrow
|
|
8
|
+
* screens stack the two.
|
|
9
|
+
*
|
|
10
|
+
* Cosmetics (`@wolffm/prefs-client/cosmetics`, bundled at build like the avatar
|
|
11
|
+
* client): earned items equip on click; items not yet earned show how to earn
|
|
12
|
+
* them and can be tried on in the preview, which saves nothing. An overlay
|
|
13
|
+
* image can be placed: drag it on the big preview, turn it with the top handle,
|
|
14
|
+
* resize it with the corner handle, or use the sliders. Every move goes through
|
|
15
|
+
* `fitPlacement`, the same function prefs-api runs before it stores one, so the
|
|
16
|
+
* preview never shows a spot the server would refuse.
|
|
17
|
+
*
|
|
18
|
+
* Styles are inline for the reason AvatarPicker's are: apps compile this
|
|
19
|
+
* package's CSS at their own build. Tokens only; the cosmetics' own colours come
|
|
20
|
+
* from the person's character colour (and, for overlay images, the art).
|
|
21
|
+
*/
|
|
22
|
+
import React from 'react';
|
|
23
|
+
export interface AvatarBuilderProps {
|
|
24
|
+
/** The person's display name, for the preview. */
|
|
25
|
+
name: string | null;
|
|
26
|
+
}
|
|
27
|
+
export declare function AvatarBuilder({ name }: AvatarBuilderProps): React.JSX.Element;
|
|
28
|
+
//# sourceMappingURL=AvatarBuilder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarBuilder.d.ts","sourceRoot":"","sources":["../../src/components/AvatarBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAA;AAqQhF,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,kBAAkB,qBAoUzD"}
|