@rokkit/themes 1.0.0-next.64 → 1.0.0-next.66
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/package.json +7 -7
- package/src/base/organisms.css +18 -0
- package/src/rokkit/organisms.css +38 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rokkit/themes",
|
|
3
|
-
"version": "1.0.0-next.
|
|
3
|
+
"version": "1.0.0-next.66",
|
|
4
4
|
"description": "Themes for use with rokkit components.",
|
|
5
5
|
"author": "Jerry Thomas <me@jerrythomas.name>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
},
|
|
13
13
|
"devDependencies": {
|
|
14
14
|
"@sveltejs/vite-plugin-svelte": "^3.0.1",
|
|
15
|
-
"@vitest/coverage-v8": "^1.
|
|
16
|
-
"@vitest/ui": "~1.
|
|
15
|
+
"@vitest/coverage-v8": "^1.2.0",
|
|
16
|
+
"@vitest/ui": "~1.2.0",
|
|
17
17
|
"jsdom": "^23.2.0",
|
|
18
|
-
"svelte": "^4.2.
|
|
18
|
+
"svelte": "^4.2.9",
|
|
19
19
|
"typescript": "^5.3.3",
|
|
20
20
|
"vite": "^5.0.11",
|
|
21
|
-
"vitest": "~1.
|
|
22
|
-
"shared-config": "1.0.0-next.
|
|
21
|
+
"vitest": "~1.2.0",
|
|
22
|
+
"shared-config": "1.0.0-next.66"
|
|
23
23
|
},
|
|
24
24
|
"files": [
|
|
25
25
|
"src"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@rokkit/core": "1.0.0-next.
|
|
41
|
+
"@rokkit/core": "1.0.0-next.66"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"format": "prettier --write .",
|
package/src/base/organisms.css
CHANGED
|
@@ -51,3 +51,21 @@ drop-down > button > span {
|
|
|
51
51
|
@apply pl-3 min-h-9 gap-2 items-center normal-case;
|
|
52
52
|
@apply rounded text-neutral-800;
|
|
53
53
|
}
|
|
54
|
+
|
|
55
|
+
/* Tree Table styles */
|
|
56
|
+
tree-table {
|
|
57
|
+
@apply flex flex-col h-full w-full overflow-auto;
|
|
58
|
+
}
|
|
59
|
+
tree-table > table {
|
|
60
|
+
@apply flex flex-col mb-auto overflow-y-hidden;
|
|
61
|
+
}
|
|
62
|
+
tree-table > table tr {
|
|
63
|
+
@apply grid;
|
|
64
|
+
}
|
|
65
|
+
tree-table > table tr td,
|
|
66
|
+
tree-table > table tr th {
|
|
67
|
+
@apply flex flex-row items-center px-4 py-3;
|
|
68
|
+
}
|
|
69
|
+
tree-table > table > tbody {
|
|
70
|
+
@apply flex flex-col overflow-y-auto;
|
|
71
|
+
}
|
package/src/rokkit/organisms.css
CHANGED
|
@@ -307,3 +307,41 @@
|
|
|
307
307
|
.rokkit input-select > selected-item > items {
|
|
308
308
|
@apply flex-grow flex-wrap gap-2;
|
|
309
309
|
}
|
|
310
|
+
|
|
311
|
+
/* Tree Table styles */
|
|
312
|
+
.rokkit tree-table > table tr {
|
|
313
|
+
@apply gap-1px;
|
|
314
|
+
}
|
|
315
|
+
.rokkit tree-table > table {
|
|
316
|
+
@apply gap-2px;
|
|
317
|
+
}
|
|
318
|
+
.rokkit tree-table > table tr > th {
|
|
319
|
+
@apply bg-gradient-to-b from-neutral-muted to-neutral-subtle uppercase;
|
|
320
|
+
}
|
|
321
|
+
.rokkit tree-table > table > thead > tr > th {
|
|
322
|
+
@apply text-secondary-700 font-light;
|
|
323
|
+
}
|
|
324
|
+
.rokkit tree-table > table > tbody {
|
|
325
|
+
@apply gap-1px;
|
|
326
|
+
}
|
|
327
|
+
.rokkit tree-table > table > tbody > tr > td {
|
|
328
|
+
@apply bg-neutral-subtle gap-2;
|
|
329
|
+
}
|
|
330
|
+
.rokkit tree-table > table > tbody > tr.even > td {
|
|
331
|
+
@apply bg-neutral-muted;
|
|
332
|
+
}
|
|
333
|
+
.rokkit tree-table tr:hover td,
|
|
334
|
+
.rokkit tree-table tr.even:hover td {
|
|
335
|
+
@apply bg-neutral-500;
|
|
336
|
+
}
|
|
337
|
+
.rokkit tree-table tr[aria-current='true'] td,
|
|
338
|
+
.rokkit tree-table tr.even[aria-current='true'] td {
|
|
339
|
+
@apply bg-secondary-700 text-neutral-100;
|
|
340
|
+
}
|
|
341
|
+
.rokkit tree-table tr td icon {
|
|
342
|
+
@apply text-secondary-700;
|
|
343
|
+
}
|
|
344
|
+
.rokkit tree-table tr[aria-current='true'] td icon,
|
|
345
|
+
.rokkit tree-table tr.even[aria-current='true'] td icon {
|
|
346
|
+
@apply text-secondary-100;
|
|
347
|
+
}
|