@livetemplate/client 0.8.19 → 0.8.20
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/livetemplate.css +89 -0
- package/package.json +2 -1
package/livetemplate.css
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* LiveTemplate CSS Custom Property Defaults
|
|
3
|
+
*
|
|
4
|
+
* These custom properties configure lvt-fx:* directives.
|
|
5
|
+
* Override them in your own stylesheets to customize behavior.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* [lvt-fx\:scroll] { --lvt-scroll-behavior: smooth; }
|
|
9
|
+
* [lvt-fx\:highlight] { --lvt-highlight-color: yellow; --lvt-highlight-duration: 1000; }
|
|
10
|
+
* [lvt-fx\:animate] { --lvt-animate-duration: 500; }
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
:root {
|
|
14
|
+
/* Scroll directive defaults */
|
|
15
|
+
--lvt-scroll-behavior: auto;
|
|
16
|
+
--lvt-scroll-threshold: 100;
|
|
17
|
+
|
|
18
|
+
/* Highlight directive defaults */
|
|
19
|
+
--lvt-highlight-duration: 500;
|
|
20
|
+
--lvt-highlight-color: #ffc107;
|
|
21
|
+
|
|
22
|
+
/* Animate directive defaults */
|
|
23
|
+
--lvt-animate-duration: 300;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* === Layout === */
|
|
27
|
+
|
|
28
|
+
/* Narrow container for focused, single-purpose apps.
|
|
29
|
+
Overrides Pico's breakpoint-based max-width values. */
|
|
30
|
+
.container {
|
|
31
|
+
max-width: 640px;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* === Utility Classes === */
|
|
35
|
+
|
|
36
|
+
/* Compact buttons/inputs for inline use in tables and toolbars */
|
|
37
|
+
.compact {
|
|
38
|
+
--pico-form-element-spacing-vertical: 0.25rem;
|
|
39
|
+
--pico-form-element-spacing-horizontal: 0.5rem;
|
|
40
|
+
font-size: 0.875rem;
|
|
41
|
+
width: auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* Visually hidden but accessible to screen readers */
|
|
45
|
+
.visually-hidden {
|
|
46
|
+
position: absolute;
|
|
47
|
+
width: 1px;
|
|
48
|
+
height: 1px;
|
|
49
|
+
padding: 0;
|
|
50
|
+
margin: -1px;
|
|
51
|
+
overflow: hidden;
|
|
52
|
+
clip: rect(0, 0, 0, 0);
|
|
53
|
+
clip-path: inset(50%);
|
|
54
|
+
white-space: nowrap;
|
|
55
|
+
border: 0;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* Zero-margin form for embedding in tables/toolbars */
|
|
59
|
+
.inline {
|
|
60
|
+
margin: 0;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* === Chat / Message List === */
|
|
64
|
+
|
|
65
|
+
/* Scrollable message container */
|
|
66
|
+
.messages {
|
|
67
|
+
border: 1px solid var(--pico-muted-border-color);
|
|
68
|
+
border-radius: var(--pico-border-radius);
|
|
69
|
+
padding: 1rem;
|
|
70
|
+
height: 400px;
|
|
71
|
+
overflow-y: auto;
|
|
72
|
+
background: var(--pico-card-background-color);
|
|
73
|
+
margin-bottom: 1rem;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* Individual message card */
|
|
77
|
+
.message {
|
|
78
|
+
padding: 0.75rem;
|
|
79
|
+
margin-bottom: 0.5rem;
|
|
80
|
+
border-radius: var(--pico-border-radius);
|
|
81
|
+
border-left: 3px solid var(--pico-muted-border-color);
|
|
82
|
+
background: var(--pico-background-color);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/* Own message highlight */
|
|
86
|
+
.message.mine {
|
|
87
|
+
background: var(--pico-primary-background);
|
|
88
|
+
border-left-color: var(--pico-primary);
|
|
89
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@livetemplate/client",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.20",
|
|
4
4
|
"description": "TypeScript client for LiveTemplate tree-based updates",
|
|
5
5
|
"main": "dist/livetemplate-client.js",
|
|
6
6
|
"browser": "dist/livetemplate-client.browser.js",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"files": [
|
|
49
49
|
"dist/**/*",
|
|
50
|
+
"livetemplate.css",
|
|
50
51
|
"README.md",
|
|
51
52
|
"LICENSE"
|
|
52
53
|
],
|