@doan-labs/peek 1.1.0 → 2.0.0
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/README.md +45 -1
- package/dist/bloc.d.ts +2 -0
- package/dist/core.d.ts +9 -0
- package/dist/draw.d.ts +24 -2
- package/dist/index.d.ts +1 -9
- package/dist/index.js +589 -207
- package/dist/peek.svelte +75 -0
- package/dist/peek.svelte.d.ts +5 -0
- package/dist/svelte-peek.d.ts +14 -0
- package/dist/svelte-peek.js +2205 -0
- package/dist/svelte.d.ts +3 -0
- package/dist/svelte.js +1650 -0
- package/dist/svg.d.ts +3 -1
- package/dist/svg.js +546 -168
- package/dist/tables.d.ts +53 -0
- package/dist/vue.d.ts +17 -0
- package/dist/vue.js +2302 -0
- package/package.json +28 -5
- package/src/bloc.ts +326 -0
- package/src/core.ts +39 -0
- package/src/draw.ts +315 -122
- package/src/index.ts +1 -33
- package/src/peek.svelte +75 -0
- package/src/peek.svelte.d.ts +5 -0
- package/src/svelte-peek.ts +18 -0
- package/src/svelte.ts +3 -0
- package/src/svg.ts +15 -1
- package/src/tables.ts +47 -0
- package/src/vue.ts +133 -0
package/dist/tables.d.ts
CHANGED
|
@@ -210,6 +210,59 @@ export declare const COLORS: {
|
|
|
210
210
|
readonly deep: "#8FC7D1";
|
|
211
211
|
};
|
|
212
212
|
};
|
|
213
|
+
export declare const VARIANTS: readonly ["peek", "haze", "bloc"];
|
|
214
|
+
export type Variant = (typeof VARIANTS)[number];
|
|
215
|
+
/**
|
|
216
|
+
* Haze, transcribed from the Haze sheet (01.3). Each ink has a glow and a
|
|
217
|
+
* tint; a body is hazed by the tint of one of its two neighbors on the hue
|
|
218
|
+
* wheel, so the tint is never picked by hand.
|
|
219
|
+
*/
|
|
220
|
+
export declare const HAZE: {
|
|
221
|
+
readonly lavender: {
|
|
222
|
+
readonly tint: "#C8B1F5";
|
|
223
|
+
readonly glow: "#F2EDFD";
|
|
224
|
+
};
|
|
225
|
+
readonly fog: {
|
|
226
|
+
readonly tint: "#9EC3F2";
|
|
227
|
+
readonly glow: "#E6F1FF";
|
|
228
|
+
};
|
|
229
|
+
readonly clay: {
|
|
230
|
+
readonly tint: "#F4AE93";
|
|
231
|
+
readonly glow: "#FEECE5";
|
|
232
|
+
};
|
|
233
|
+
readonly mint: {
|
|
234
|
+
readonly tint: "#A3DAB5";
|
|
235
|
+
readonly glow: "#E5F5EA";
|
|
236
|
+
};
|
|
237
|
+
readonly butter: {
|
|
238
|
+
readonly tint: "#E1CC7A";
|
|
239
|
+
readonly glow: "#F4F0E0";
|
|
240
|
+
};
|
|
241
|
+
readonly rose: {
|
|
242
|
+
readonly tint: "#F0A9C4";
|
|
243
|
+
readonly glow: "#FDEAF1";
|
|
244
|
+
};
|
|
245
|
+
readonly aqua: {
|
|
246
|
+
readonly tint: "#85D3DC";
|
|
247
|
+
readonly glow: "#E0F5F7";
|
|
248
|
+
};
|
|
249
|
+
};
|
|
250
|
+
/** The hue wheel, warm to cool: a body's warm side is the entry before it. */
|
|
251
|
+
export declare const WHEEL: readonly ["clay", "butter", "mint", "aqua", "fog", "lavender", "rose"];
|
|
252
|
+
/**
|
|
253
|
+
* Bloc's strong inks, palette P2 of the Bloc sheet (02.4): the same hue at
|
|
254
|
+
* OKLCH L 0.72 and C 0.12, butter, mint and aqua held lighter so none goes
|
|
255
|
+
* olive. The strong ink fills the dark half and the trait.
|
|
256
|
+
*/
|
|
257
|
+
export declare const BLOC: {
|
|
258
|
+
readonly lavender: "#B093E5";
|
|
259
|
+
readonly fog: "#7BA8DF";
|
|
260
|
+
readonly clay: "#E38A66";
|
|
261
|
+
readonly mint: "#82CB9B";
|
|
262
|
+
readonly butter: "#E2CA6A";
|
|
263
|
+
readonly rose: "#DF84A8";
|
|
264
|
+
readonly aqua: "#5EC3CD";
|
|
265
|
+
};
|
|
213
266
|
/** Discrete anatomy. Each part reads every channel its feature owns. */
|
|
214
267
|
export declare const PARTS: {
|
|
215
268
|
readonly eyes: readonly ["oval", "bead", "ring"];
|
package/dist/vue.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type Gaze } from './draw.js';
|
|
2
|
+
import { type PeekOptions } from './svg.js';
|
|
3
|
+
export * from './core.js';
|
|
4
|
+
export type PeekProps = Omit<PeekOptions, 'gaze' | 'id'> & {
|
|
5
|
+
name: string;
|
|
6
|
+
/** x and y in -1..1, or 'pointer' to follow the pointer (animate only). */
|
|
7
|
+
gaze?: Gaze | 'pointer';
|
|
8
|
+
/** Bring it to life after mount. Off under prefers-reduced-motion. */
|
|
9
|
+
animate?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const Peek: import("vue").DefineSetupFnComponent<PeekProps, {}, {}, Omit<PeekOptions, "id" | "gaze"> & {
|
|
12
|
+
name: string;
|
|
13
|
+
/** x and y in -1..1, or 'pointer' to follow the pointer (animate only). */
|
|
14
|
+
gaze?: Gaze | "pointer";
|
|
15
|
+
/** Bring it to life after mount. Off under prefers-reduced-motion. */
|
|
16
|
+
animate?: boolean;
|
|
17
|
+
} & {}, import("vue").PublicProps>;
|