@keepkit/ui 0.18.0 → 0.19.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 +6 -2
- package/dist/index.d.ts +51 -7
- package/dist/index.js +574 -236
- package/dist/index.js.map +1 -1
- package/dist/styles/collection.css +42 -0
- package/dist/styles/status.css +32 -0
- package/package.json +2 -2
|
@@ -22,6 +22,48 @@
|
|
|
22
22
|
flex: 1 1 12rem;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
+
:where(.keep-theme, [data-keep-theme]) [data-keepkit="active-filters"] {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-wrap: wrap;
|
|
28
|
+
align-items: center;
|
|
29
|
+
gap: var(--keep-control-gap);
|
|
30
|
+
color: var(--keep-muted-foreground);
|
|
31
|
+
font-size: var(--keep-tag-size);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:where(.keep-theme, [data-keep-theme]) [data-active-filters-list="true"] {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-wrap: wrap;
|
|
37
|
+
gap: var(--keep-control-gap);
|
|
38
|
+
margin: 0;
|
|
39
|
+
padding: 0;
|
|
40
|
+
list-style: none;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:where(.keep-theme, [data-keep-theme]) [data-active-filters-list="true"] li {
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
gap: 0.25rem;
|
|
47
|
+
border: 1px solid var(--keep-border);
|
|
48
|
+
border-radius: 999px;
|
|
49
|
+
padding: 0.2rem 0.35rem 0.2rem 0.6rem;
|
|
50
|
+
background: var(--keep-muted);
|
|
51
|
+
color: var(--keep-foreground);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
:where(.keep-theme, [data-keep-theme]) [data-active-filters-list="true"] button {
|
|
55
|
+
min-height: 1.25rem;
|
|
56
|
+
width: 1.25rem;
|
|
57
|
+
border: 0;
|
|
58
|
+
border-radius: 999px;
|
|
59
|
+
padding: 0;
|
|
60
|
+
background: transparent;
|
|
61
|
+
color: inherit;
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
font: inherit;
|
|
64
|
+
line-height: 1;
|
|
65
|
+
}
|
|
66
|
+
|
|
25
67
|
:where(.keep-theme, [data-keep-theme])
|
|
26
68
|
:is(
|
|
27
69
|
[data-keepkit="layout"],
|
package/dist/styles/status.css
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
+
:where(.keep-theme, [data-keep-theme]) [data-keepkit="empty-state"] {
|
|
2
|
+
display: grid;
|
|
3
|
+
gap: var(--keep-card-gap);
|
|
4
|
+
justify-items: start;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
:where(.keep-theme, [data-keep-theme]) [data-keepkit="empty-state"] h2,
|
|
8
|
+
:where(.keep-theme, [data-keep-theme]) [data-keepkit="empty-state"] p {
|
|
9
|
+
margin: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:where(.keep-theme, [data-keep-theme]) [data-keepkit="shortcut-hint"] {
|
|
13
|
+
display: inline-flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 0.15rem;
|
|
16
|
+
margin-inline-start: 0.35rem;
|
|
17
|
+
color: var(--keep-muted-foreground);
|
|
18
|
+
font-size: 0.75em;
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:where(.keep-theme, [data-keep-theme]) [data-keepkit="shortcut-hint"] kbd {
|
|
23
|
+
border: 1px solid var(--keep-border);
|
|
24
|
+
border-bottom-width: 2px;
|
|
25
|
+
border-radius: 0.25rem;
|
|
26
|
+
padding: 0.05rem 0.25rem;
|
|
27
|
+
background: var(--keep-card);
|
|
28
|
+
color: inherit;
|
|
29
|
+
font: inherit;
|
|
30
|
+
line-height: 1.2;
|
|
31
|
+
}
|
|
32
|
+
|
|
1
33
|
:where(.keep-theme, [data-keep-theme]) [data-keepkit="status-badge"] {
|
|
2
34
|
display: inline-flex;
|
|
3
35
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@keepkit/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.0",
|
|
4
4
|
"description": "Headless, accessible React UI components for KeepKit.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"react": ">=18"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
|
-
"@keepkit/core": "0.
|
|
60
|
+
"@keepkit/core": "0.19.0"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@testing-library/react": "^16.3.3",
|