@rokkit/themes 1.0.0-next.92 → 1.0.0-next.94
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 +9 -9
- package/src/base/core.css +12 -0
- package/src/base/table.css +6 -3
- package/src/mixins/mixins.scss +4 -4
- package/src/rokkit/table.css +12 -2
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.94",
|
|
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.2",
|
|
15
|
-
"@vitest/coverage-v8": "^1.
|
|
16
|
-
"@vitest/ui": "~1.
|
|
15
|
+
"@vitest/coverage-v8": "^1.4.0",
|
|
16
|
+
"@vitest/ui": "~1.4.0",
|
|
17
17
|
"jsdom": "^24.0.0",
|
|
18
|
-
"svelte": "^4.2.
|
|
19
|
-
"typescript": "^5.
|
|
20
|
-
"vite": "^5.
|
|
21
|
-
"vitest": "~1.
|
|
22
|
-
"shared-config": "1.0.0-next.
|
|
18
|
+
"svelte": "^4.2.12",
|
|
19
|
+
"typescript": "^5.4.4",
|
|
20
|
+
"vite": "^5.2.8",
|
|
21
|
+
"vitest": "~1.4.0",
|
|
22
|
+
"shared-config": "1.0.0-next.94"
|
|
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.94"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"format": "prettier --write .",
|
package/src/base/core.css
CHANGED
|
@@ -78,3 +78,15 @@ checkbox {
|
|
|
78
78
|
button:disabled {
|
|
79
79
|
@apply bg-neutral-muted text-neutral-500 cursor-not-allowed;
|
|
80
80
|
}
|
|
81
|
+
|
|
82
|
+
cell.cell-type-string {
|
|
83
|
+
@apply text-left;
|
|
84
|
+
}
|
|
85
|
+
cell.cell-type-integer item p,
|
|
86
|
+
cell.cell-type-number item p {
|
|
87
|
+
@apply text-right;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
cell item {
|
|
91
|
+
@apply flex w-full;
|
|
92
|
+
}
|
package/src/base/table.css
CHANGED
|
@@ -8,7 +8,7 @@ tr {
|
|
|
8
8
|
th {
|
|
9
9
|
@apply whitespace-nowrap;
|
|
10
10
|
}
|
|
11
|
-
|
|
11
|
+
table cell {
|
|
12
12
|
@apply flex items-center gap-2;
|
|
13
13
|
}
|
|
14
14
|
th[data-sortable='true'] {
|
|
@@ -21,9 +21,11 @@ th[data-sortable='true']:hover icon {
|
|
|
21
21
|
|
|
22
22
|
table {
|
|
23
23
|
@apply w-full text-sm text-left rtl:text-right text-neutral-700;
|
|
24
|
+
@apply border-separate border-spacing-x-1px;
|
|
24
25
|
}
|
|
25
26
|
table > thead {
|
|
26
|
-
@apply table-header-group
|
|
27
|
+
@apply table-header-group sticky top-0 z-10;
|
|
28
|
+
@apply text-xs uppercase bg-neutral-400;
|
|
27
29
|
}
|
|
28
30
|
table > caption {
|
|
29
31
|
@apply table-caption p-5 text-sm font-normal text-left rtl:text-right bg-neutral-subtle text-neutral-600;
|
|
@@ -41,6 +43,7 @@ table > tfoot {
|
|
|
41
43
|
table > tfoot > tr {
|
|
42
44
|
@apply table-row font-semibold text-neutral-800;
|
|
43
45
|
}
|
|
46
|
+
tree-table,
|
|
44
47
|
table-wrapper {
|
|
45
|
-
@apply
|
|
48
|
+
@apply max-h-full overflow-y-auto;
|
|
46
49
|
}
|
package/src/mixins/mixins.scss
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
@each $name, $color in $theme-colors {
|
|
3
3
|
$hue: hue($color);
|
|
4
4
|
$saturation: saturation($color);
|
|
5
|
-
@if $values
|
|
6
|
-
$start: if($mode
|
|
7
|
-
$offset: if($mode
|
|
5
|
+
@if $values !== null {
|
|
6
|
+
$start: if($mode === 'dark', length($values), 1);
|
|
7
|
+
$offset: if($mode === 'dark', -1, 1);
|
|
8
8
|
@for $i from 0 to length($values) - 1 {
|
|
9
9
|
$index: $start + $offset * $i;
|
|
10
10
|
$lightness: nth($values, $index);
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
}
|
|
14
14
|
} @else {
|
|
15
15
|
@for $i from 0 to 9 {
|
|
16
|
-
$lightness: if($mode
|
|
16
|
+
$lightness: if($mode === 'dark', $i * 10%, 100 - $i * 10%);
|
|
17
17
|
$variable: '--#{$name}-#{50 + ($i) * 100}';
|
|
18
18
|
#{$variable}: hsl($hue, $saturation, $lightness);
|
|
19
19
|
}
|
package/src/rokkit/table.css
CHANGED
|
@@ -8,8 +8,9 @@ tr {
|
|
|
8
8
|
th {
|
|
9
9
|
@apply whitespace-nowrap;
|
|
10
10
|
}
|
|
11
|
-
th cell
|
|
12
|
-
|
|
11
|
+
th cell,
|
|
12
|
+
td cell {
|
|
13
|
+
@apply flex w-full items-center gap-2;
|
|
13
14
|
}
|
|
14
15
|
th[data-sortable='true'] {
|
|
15
16
|
@apply cursor-pointer;
|
|
@@ -45,3 +46,12 @@ table > tfoot > tr {
|
|
|
45
46
|
table-wrapper {
|
|
46
47
|
@apply shadow-md sm:rounded-lg;
|
|
47
48
|
}
|
|
49
|
+
|
|
50
|
+
td cell.cell-type-integer p,
|
|
51
|
+
td cell.cell-type-number p {
|
|
52
|
+
@apply text-right w-full;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
td cell item {
|
|
56
|
+
@apply flex w-full;
|
|
57
|
+
}
|