@rokkit/themes 1.0.0-next.93 → 1.0.0-next.95

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.
Files changed (9) hide show
  1. package/package.json +5 -5
  2. package/src/base/alert.css +15 -0
  3. package/src/base/core.css +12 -0
  4. package/src/base/molecules.css +3 -3
  5. package/src/base/tree.css +18 -0
  6. package/src/base.css +2 -0
  7. package/src/material/list.css +1 -1
  8. package/src/minimal/list.css +13 -11
  9. 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.93",
3
+ "version": "1.0.0-next.95",
4
4
  "description": "Themes for use with rokkit components.",
5
5
  "author": "Jerry Thomas <me@jerrythomas.name>",
6
6
  "license": "MIT",
@@ -16,10 +16,10 @@
16
16
  "@vitest/ui": "~1.4.0",
17
17
  "jsdom": "^24.0.0",
18
18
  "svelte": "^4.2.12",
19
- "typescript": "^5.4.3",
20
- "vite": "^5.2.7",
19
+ "typescript": "^5.4.4",
20
+ "vite": "^5.2.8",
21
21
  "vitest": "~1.4.0",
22
- "shared-config": "1.0.0-next.93"
22
+ "shared-config": "1.0.0-next.95"
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.93"
41
+ "@rokkit/core": "1.0.0-next.95"
42
42
  },
43
43
  "scripts": {
44
44
  "format": "prettier --write .",
package/src/base/alert.css ADDED
@@ -0,0 +1,15 @@
1
+ alert-list alert {
2
+ @apply bg-neutral border-neutral-muted text-neutral-800;
3
+ }
4
+ alert-list alert.danger {
5
+ @apply bg-danger border-danger-muted text-neutral-800;
6
+ }
7
+ alert-list alert.success {
8
+ @apply bg-success border-success-muted text-neutral-800;
9
+ }
10
+ alert-list alert.info {
11
+ @apply bg-info border-info-muted text-neutral-800;
12
+ }
13
+ alert-list alert.warning {
14
+ @apply bg-warning border-warning-muted text-neutral-800;
15
+ }
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/molecules.css CHANGED
@@ -72,9 +72,9 @@ day-of-month[aria-selected='true'] {
72
72
  }
73
73
 
74
74
  /* Form styles */
75
- /* form button[type='submit'] {
76
- @apply mt-4;
77
- } */
75
+ form {
76
+ @apply flex flex-col gap-4;
77
+ }
78
78
  field-layout.vertical {
79
79
  @apply flex flex-col gap-2;
80
80
  }
package/src/base/tree.css ADDED
@@ -0,0 +1,18 @@
1
+ tree,
2
+ nested-list {
3
+ @apply flex flex-col w-full text-sm;
4
+ }
5
+ nested-list node > div {
6
+ @apply px-2 h-8;
7
+ }
8
+
9
+ nested-list node {
10
+ @apply flex flex-col;
11
+ }
12
+
13
+ node > div > item {
14
+ @apply px-1;
15
+ }
16
+ node > div > span {
17
+ @apply flex-shrink-0;
18
+ }
package/src/base.css CHANGED
@@ -5,5 +5,7 @@
5
5
  @import './base/organisms.css';
6
6
  @import './base/layout.css';
7
7
  @import './base/table.css';
8
+ @import './base/tree.css';
8
9
  @import './base/carousel.css';
9
10
  @import './base/animation.css';
11
+ @import './base/alert.css';
package/src/material/list.css CHANGED
@@ -26,7 +26,7 @@
26
26
  @apply border-b-0 border-t-3;
27
27
  }
28
28
 
29
- .material node {
29
+ .material node > div {
30
30
  @apply h-7 px-2;
31
31
  }
32
32
  .material node > item {
package/src/minimal/list.css CHANGED
@@ -56,18 +56,20 @@
56
56
  /* @apply hover:text-secondary; */
57
57
  }
58
58
 
59
- .minimal node {
60
- @apply h-7 px-2;
59
+ /* .minimal nested-list {
60
+ @apply text-sm;
61
+ } */
62
+ .minimal node > div {
63
+ @apply h-7 px-2 py-1;
61
64
  }
62
65
  .minimal node > item {
63
66
  @apply px-1 gap-1;
64
67
  }
65
- .minimal node > span {
66
- @apply w-3;
68
+ .minimal node > div > span > i {
69
+ @apply border-none w-3;
67
70
  }
68
- .minimal node > span > icon {
69
- /* .minimal node > icon { */
70
- @apply text-sm;
71
+ .minimal node > div > icon {
72
+ @apply text-xs text-neutral-400;
71
73
  }
72
74
  .minimal node[aria-selected='true'] > item > p {
73
75
  @apply text-secondary-600;
@@ -82,10 +84,10 @@
82
84
  @apply text-sm;
83
85
  }
84
86
 
85
- .minimal .small node {
87
+ .minimal .small node > div {
86
88
  @apply text-sm gap-1 h-5;
87
89
  }
88
- .minimal .small node > span > icon {
90
+ .minimal .small node > div > icon {
89
91
  @apply text-sm;
90
92
  }
91
93
  .minimal .small item > img,
@@ -103,9 +105,9 @@
103
105
  @apply h-full bg-neutral-inset min-w-40;
104
106
  }
105
107
 
106
- .minimal node > span > i {
108
+ /* .minimal node > div > i {
107
109
  @apply border-neutral-muted;
108
- }
110
+ } */
109
111
 
110
112
  .minimal crumbs {
111
113
  @apply flex-grow gap-1 text-sm;
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
- @apply flex items-center gap-2;
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
+ }