@knpkv/herdr-work 0.2.0 → 0.3.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knpkv/herdr-work",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "Durable fleet work checkpoints and departure-board projections",
5
5
  "license": "MIT",
6
6
  "author": "knpkv",
@@ -45,14 +45,16 @@
45
45
  "dependencies": {
46
46
  "effect": "4.0.0-rc.109",
47
47
  "@knpkv/herdr-fleet": "^0.2.0",
48
- "@knpkv/rly": "^0.4.1"
48
+ "@knpkv/rly": "^0.5.0"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@effect/platform-node": "4.0.0-rc.109",
52
52
  "@effect/vitest": "4.0.0-rc.109",
53
53
  "@types/node": "^26.2.0",
54
54
  "@types/react": "^19.2.18",
55
+ "@types/react-dom": "^19.2.4",
55
56
  "react": "^19.2.8",
57
+ "react-dom": "^19.2.8",
56
58
  "rimraf": "^6.1.3",
57
59
  "typescript": "npm:@typescript/typescript6@^6.0.2",
58
60
  "vitest": "^4.1.10"
package/src/styles.css CHANGED
@@ -45,7 +45,7 @@
45
45
  .work-summary-grid {
46
46
  display: grid;
47
47
  gap: var(--rly-space-8);
48
- grid-template-columns: repeat(5, minmax(0, 1fr));
48
+ grid-template-columns: repeat(6, minmax(0, 1fr));
49
49
  }
50
50
  .work-summary-cell {
51
51
  display: flex;
@@ -59,14 +59,17 @@
59
59
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.32fr);
60
60
  }
61
61
  .work-departure-board {
62
- overflow: hidden;
62
+ overflow-x: auto;
63
+ overflow-y: hidden;
63
64
  }
64
65
  .work-board-head,
65
66
  .work-board-row {
66
67
  align-items: center;
67
68
  display: grid;
68
69
  gap: var(--rly-space-16);
69
- grid-template-columns: 7.5rem minmax(15rem, 1.4fr) minmax(8.75rem, 0.6fr) minmax(10.5rem, 0.7fr) 6rem 7rem;
70
+ grid-template-columns:
71
+ 7.5rem minmax(15rem, 1.4fr) minmax(8.75rem, 0.6fr) minmax(13rem, 0.9fr) minmax(10.5rem, 0.7fr)
72
+ 6rem 7rem;
70
73
  padding: var(--rly-space-12) var(--rly-space-16);
71
74
  }
72
75
  .work-board-head {
@@ -111,6 +114,46 @@
111
114
  text-align: center;
112
115
  text-decoration: none;
113
116
  }
117
+ .work-exact-link {
118
+ color: var(--rly-color-action-foreground);
119
+ font: var(--rly-type-label-weight) var(--rly-type-label-size) / var(--rly-type-label-line-height)
120
+ var(--rly-type-label-font);
121
+ text-decoration: underline;
122
+ text-decoration-color: color-mix(in srgb, var(--rly-color-action-foreground) 45%, transparent);
123
+ text-underline-offset: 0.2em;
124
+ }
125
+ .work-exact-link:focus-visible,
126
+ .work-exact-link:hover {
127
+ text-decoration-color: currentColor;
128
+ }
129
+ .work-inspector-section {
130
+ display: grid;
131
+ gap: var(--rly-space-8);
132
+ }
133
+ .work-inspector-section h3 {
134
+ margin: 0;
135
+ }
136
+ .work-detail-list {
137
+ display: grid;
138
+ gap: var(--rly-space-8);
139
+ list-style: none;
140
+ margin: 0;
141
+ padding: 0;
142
+ }
143
+ .work-detail-list li {
144
+ border-block-start: 1px solid var(--rly-color-border-1);
145
+ display: grid;
146
+ gap: var(--rly-space-6);
147
+ padding-block-start: var(--rly-space-8);
148
+ }
149
+ .work-request-heading,
150
+ .work-review-heading {
151
+ align-items: center;
152
+ display: flex;
153
+ flex-wrap: wrap;
154
+ gap: var(--rly-space-8);
155
+ justify-content: space-between;
156
+ }
114
157
  .work-facts {
115
158
  display: grid;
116
159
  gap: var(--rly-space-8);