@leavepulse/ui 0.29.4 → 0.30.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/dist/assets/LpChart-CzgCGaAA.css +8 -0
- package/dist/chunks/LpActionBar-CxmBZpGu.js +173 -0
- package/dist/chunks/{LpAppShell-BJk3b-u4.js → LpAppShell-DnocEJAu.js} +1 -1
- package/dist/chunks/{LpCodeBlock-rS_6mO3D.js → LpCodeBlock-BWX1KZwk.js} +7 -13
- package/dist/chunks/LpColorPicker-CFC6iaNK.js +491 -0
- package/dist/chunks/{LpDisclosure-BnwP4Q-b.js → LpDisclosure-C1_YkMrd.js} +8 -2
- package/dist/chunks/{LpLogViewer-CVaGfTF_.js → LpLogViewer-TSRyt3t9.js} +3 -6
- package/dist/chunks/{LpSidebar-C_Mr-JPI.js → LpSidebar-CWSbczWi.js} +11 -2
- package/dist/component-names.d.ts +1 -1
- package/dist/components/LpActionBar.vue.d.ts +84 -0
- package/dist/components/LpActionBar.vue.js +4 -0
- package/dist/components/LpAppShell.vue.js +1 -1
- package/dist/components/LpChart.vue.js +814 -2
- package/dist/components/LpCodeBlock.vue.js +1 -1
- package/dist/components/LpColorPicker.vue.d.ts +124 -0
- package/dist/components/LpColorPicker.vue.js +4 -0
- package/dist/components/LpDisclosure.vue.js +1 -1
- package/dist/components/LpLogViewer.vue.js +1 -1
- package/dist/components/LpNotificationBell.vue.d.ts +2 -2
- package/dist/components/LpSidebar.vue.d.ts +21 -0
- package/dist/components/LpSidebar.vue.js +1 -1
- package/dist/components/actionBar.d.ts +19 -0
- package/dist/components/actionBar.js +31 -0
- package/dist/components/color.d.ts +65 -0
- package/dist/components/color.js +158 -0
- package/dist/composables/useClipboard.d.ts +46 -0
- package/dist/composables/useClipboard.js +28 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +154 -135
- package/package.json +1 -1
- package/src/component-names.ts +2 -0
- package/src/components/LpActionBar.vue +268 -0
- package/src/components/LpChart.vue +337 -63
- package/src/components/LpCodeBlock.vue +5 -10
- package/src/components/LpColorPicker.vue +784 -0
- package/src/components/LpDisclosure.vue +17 -2
- package/src/components/LpLogViewer.vue +5 -8
- package/src/components/LpSidebar.vue +42 -6
- package/src/components/actionBar.ts +73 -0
- package/src/components/color.ts +257 -0
- package/src/composables/useClipboard.ts +107 -0
- package/src/index.ts +21 -0
- package/dist/chunks/LpChart-Bmw7y34Z.js +0 -672
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
export interface ActionBarAction {
|
|
2
|
+
label: string;
|
|
3
|
+
/** Leading icon (any name LpIcon takes). */
|
|
4
|
+
icon?: string;
|
|
5
|
+
/** Mirrors LpButton's variants; the default reads as the primary action. */
|
|
6
|
+
variant?: "solid" | "action" | "outline" | "soft" | "ghost" | "muted" | "light" | "danger";
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/** Shows a spinner in place of the icon and blocks repeat clicks. */
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
onClick?: () => void | Promise<void>;
|
|
11
|
+
}
|
|
12
|
+
type __VLS_Props = {
|
|
13
|
+
/** Shown or not (v-model:open, or a plain :open). */
|
|
14
|
+
open?: boolean;
|
|
15
|
+
/** Lead line — "You have unsaved changes". */
|
|
16
|
+
title?: string;
|
|
17
|
+
/** Second line, quieter. Long explanations belong here, not in the title. */
|
|
18
|
+
description?: string;
|
|
19
|
+
/** Leading icon. Omit for a bar that is purely text + buttons. */
|
|
20
|
+
icon?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Buttons on the right, in reading order. The LAST one is the primary and
|
|
23
|
+
* gets the solid treatment unless it says otherwise — the confirming action
|
|
24
|
+
* sits closest to the edge the thumb and the eye finish on.
|
|
25
|
+
*/
|
|
26
|
+
actions?: ActionBarAction[];
|
|
27
|
+
/** Adds a "✕" that emits `dismiss`. For notices, not for decisions. */
|
|
28
|
+
dismissible?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Tone. `danger` for a destructive pending action; the default stays neutral
|
|
31
|
+
* because most of these bars are routine and a page edged in red for every
|
|
32
|
+
* unsaved field trains people to ignore red.
|
|
33
|
+
*/
|
|
34
|
+
variant?: "default" | "danger";
|
|
35
|
+
/**
|
|
36
|
+
* How wide the bar runs.
|
|
37
|
+
*
|
|
38
|
+
* "contained" (the default) keeps it to the width of its own content, up to
|
|
39
|
+
* a cap, and centres it: a bar carrying six words and two buttons has no
|
|
40
|
+
* business spanning a 1920px display, and stretching it puts the buttons a
|
|
41
|
+
* screen away from the field you were editing.
|
|
42
|
+
*
|
|
43
|
+
* "full" spans the viewport edge to edge — for a cookie notice, which reads
|
|
44
|
+
* as part of the page frame rather than as a message about one thing on it.
|
|
45
|
+
* Its CONTENTS are still capped and centred, so the buttons stay beside the
|
|
46
|
+
* text instead of being flung to the far corner.
|
|
47
|
+
*/
|
|
48
|
+
width?: "contained" | "full";
|
|
49
|
+
/**
|
|
50
|
+
* Cap for the bar (or, when `width="full"`, for the row inside it). Any CSS
|
|
51
|
+
* length. Defaults to a comfortable measure for a line of text and two or
|
|
52
|
+
* three buttons — wider for `full`, whose job is to span the page and whose
|
|
53
|
+
* contents therefore sit on the page's own measure, not a card's.
|
|
54
|
+
*/
|
|
55
|
+
maxWidth?: string;
|
|
56
|
+
/** Accessible name for the landmark. Falls back to `title`. */
|
|
57
|
+
ariaLabel?: string;
|
|
58
|
+
};
|
|
59
|
+
declare var __VLS_18: {}, __VLS_20: {};
|
|
60
|
+
type __VLS_Slots = {} & {
|
|
61
|
+
default?: (props: typeof __VLS_18) => any;
|
|
62
|
+
} & {
|
|
63
|
+
actions?: (props: typeof __VLS_20) => any;
|
|
64
|
+
};
|
|
65
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
66
|
+
"update:open": (value: boolean) => any;
|
|
67
|
+
dismiss: () => any;
|
|
68
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
69
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
70
|
+
onDismiss?: (() => any) | undefined;
|
|
71
|
+
}>, {
|
|
72
|
+
width: "contained" | "full";
|
|
73
|
+
open: boolean;
|
|
74
|
+
variant: "default" | "danger";
|
|
75
|
+
actions: ActionBarAction[];
|
|
76
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
77
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
78
|
+
declare const _default: typeof __VLS_export;
|
|
79
|
+
export default _default;
|
|
80
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
81
|
+
new (): {
|
|
82
|
+
$slots: S;
|
|
83
|
+
};
|
|
84
|
+
};
|