dxcomplete 0.2.2 → 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.
Files changed (48) hide show
  1. package/README.md +63 -70
  2. package/dist/cli.js +2 -2
  3. package/docs/cost-model.md +2 -2
  4. package/docs/decision-basis.md +5 -11
  5. package/docs/diagrams.md +3 -3
  6. package/docs/index.md +25 -39
  7. package/docs/model.md +12 -20
  8. package/docs/open-questions.md +1 -1
  9. package/docs/taxonomy.md +6 -7
  10. package/docs/workflows.md +3 -3
  11. package/package.json +2 -2
  12. package/templates/process/README.md +10 -10
  13. package/templates/process/controls.yml +19 -19
  14. package/templates/process/cost-model.yml +3 -3
  15. package/templates/process/decision-basis.yml +4 -4
  16. package/templates/process/diagrams/00-decision-basis.mmd +1 -1
  17. package/templates/process/diagrams/00-overview.mmd +1 -1
  18. package/templates/process/diagrams/01-intake-triage.mmd +4 -4
  19. package/templates/process/diagrams/02-product-definition.mmd +3 -3
  20. package/templates/process/diagrams/03-engineering-execution.mmd +1 -1
  21. package/templates/process/diagrams/04-qa-verification.mmd +1 -1
  22. package/templates/process/diagrams/05-product-validation.mmd +1 -1
  23. package/templates/process/diagrams/06-change-release-control.mmd +1 -1
  24. package/templates/process/diagrams/07-deployment-operations.mmd +1 -1
  25. package/templates/process/diagrams/08-support-incident-management.mmd +1 -1
  26. package/templates/process/diagrams/09-problem-improvement.mmd +1 -1
  27. package/templates/process/diagrams/10-risk-control-management.mmd +1 -1
  28. package/templates/process/diagrams/11-audit-evidence-capture.mmd +1 -1
  29. package/templates/process/roles.yml +6 -6
  30. package/templates/process/taxonomy.yml +46 -46
  31. package/templates/process/workflows.yml +29 -29
  32. package/website/account.html +57 -0
  33. package/website/app.js +177 -0
  34. package/website/flow.html +4 -0
  35. package/website/glossary.html +4 -0
  36. package/website/index.html +4 -0
  37. package/website/objects.html +4 -0
  38. package/website/operating-guide.html +4 -0
  39. package/website/outcomes.html +4 -0
  40. package/website/phase-build.html +4 -0
  41. package/website/phase-elicit.html +4 -0
  42. package/website/phase-go-live.html +4 -0
  43. package/website/phase-measure.html +4 -0
  44. package/website/phase-operate.html +4 -0
  45. package/website/phase-orient.html +4 -0
  46. package/website/phase-weigh.html +4 -0
  47. package/website/roles.html +4 -0
  48. package/website/styles.css +217 -1
package/website/styles.css CHANGED
@@ -59,7 +59,7 @@ a {
59
59
  display: flex;
60
60
  min-height: 72px;
61
61
  align-items: center;
62
- justify-content: flex-start;
62
+ justify-content: space-between;
63
63
  gap: 1.5rem;
64
64
  border-bottom: 1px solid rgb(215 220 226 / 84%);
65
65
  background: rgb(246 247 249 / 92%);
@@ -100,6 +100,211 @@ a {
100
100
  box-shadow: 0 8px 22px rgb(25 32 44 / 7%);
101
101
  }
102
102
 
103
+ .topbar__actions {
104
+ display: flex;
105
+ align-items: center;
106
+ gap: 0.65rem;
107
+ }
108
+
109
+ .topbar__link {
110
+ border: 1px solid var(--line);
111
+ border-radius: 6px;
112
+ background: var(--surface);
113
+ color: var(--accent-strong);
114
+ font-size: 0.84rem;
115
+ font-weight: 800;
116
+ line-height: 1;
117
+ padding: 0.62rem 0.78rem;
118
+ text-decoration: none;
119
+ text-transform: uppercase;
120
+ transition:
121
+ border-color 160ms ease,
122
+ color 160ms ease,
123
+ transform 160ms ease;
124
+ white-space: nowrap;
125
+ }
126
+
127
+ .topbar__link:hover,
128
+ .topbar__link:focus {
129
+ border-color: var(--accent);
130
+ color: var(--ink);
131
+ transform: translateY(-1px);
132
+ }
133
+
134
+ .account-panel {
135
+ display: grid;
136
+ gap: 1.25rem;
137
+ margin-top: 2rem;
138
+ }
139
+
140
+ .account-intro,
141
+ .account-bar,
142
+ .account-form,
143
+ .account-result,
144
+ .account-workspace,
145
+ .account-message {
146
+ border: 1px solid var(--line);
147
+ border-radius: var(--radius);
148
+ background: var(--surface);
149
+ box-shadow: 0 12px 34px rgb(25 32 44 / 6%);
150
+ }
151
+
152
+ .account-intro,
153
+ .account-form,
154
+ .account-result,
155
+ .account-workspace,
156
+ .account-message {
157
+ padding: 1.25rem;
158
+ }
159
+
160
+ .account-bar {
161
+ display: flex;
162
+ align-items: center;
163
+ justify-content: space-between;
164
+ gap: 1rem;
165
+ padding: 1rem 1.25rem;
166
+ }
167
+
168
+ .account-bar span,
169
+ .account-form label {
170
+ display: block;
171
+ color: var(--muted);
172
+ font-size: 0.78rem;
173
+ font-weight: 800;
174
+ text-transform: uppercase;
175
+ }
176
+
177
+ .account-bar strong {
178
+ display: block;
179
+ margin-top: 0.1rem;
180
+ }
181
+
182
+ .account-primary,
183
+ .account-secondary {
184
+ border: 1px solid transparent;
185
+ border-radius: 6px;
186
+ cursor: pointer;
187
+ display: inline-flex;
188
+ align-items: center;
189
+ justify-content: center;
190
+ font: inherit;
191
+ font-weight: 800;
192
+ line-height: 1;
193
+ min-height: 42px;
194
+ padding: 0.75rem 0.95rem;
195
+ text-decoration: none;
196
+ }
197
+
198
+ .account-primary {
199
+ background: var(--accent);
200
+ color: #ffffff;
201
+ }
202
+
203
+ .account-primary:hover,
204
+ .account-primary:focus {
205
+ background: var(--accent-strong);
206
+ }
207
+
208
+ .account-primary:disabled {
209
+ cursor: progress;
210
+ opacity: 0.72;
211
+ }
212
+
213
+ .account-secondary {
214
+ border-color: var(--line);
215
+ background: var(--surface);
216
+ color: var(--accent-strong);
217
+ }
218
+
219
+ .account-secondary:hover,
220
+ .account-secondary:focus {
221
+ border-color: var(--accent);
222
+ color: var(--ink);
223
+ }
224
+
225
+ .account-form__row {
226
+ display: grid;
227
+ grid-template-columns: minmax(0, 1fr) auto;
228
+ gap: 0.75rem;
229
+ margin-top: 0.5rem;
230
+ }
231
+
232
+ .account-form input {
233
+ width: 100%;
234
+ border: 1px solid var(--line);
235
+ border-radius: 6px;
236
+ color: var(--ink);
237
+ font: inherit;
238
+ min-height: 42px;
239
+ padding: 0.65rem 0.75rem;
240
+ }
241
+
242
+ .account-form p,
243
+ .account-intro p,
244
+ .account-workspace p,
245
+ .account-message {
246
+ color: var(--muted);
247
+ }
248
+
249
+ .account-result {
250
+ border-color: rgb(30 127 117 / 32%);
251
+ background: #f7fbfa;
252
+ }
253
+
254
+ .account-result h2,
255
+ .account-result h3,
256
+ .account-list h2,
257
+ .account-workspace h3 {
258
+ margin: 0;
259
+ }
260
+
261
+ .account-result h3 {
262
+ margin-top: 1.2rem;
263
+ font-size: 0.95rem;
264
+ }
265
+
266
+ .account-result pre {
267
+ overflow: auto;
268
+ border: 1px solid var(--line);
269
+ border-radius: 6px;
270
+ background: #20242b;
271
+ color: #ffffff;
272
+ margin: 0.5rem 0 0;
273
+ padding: 1rem;
274
+ }
275
+
276
+ .account-list {
277
+ display: grid;
278
+ gap: 0.85rem;
279
+ }
280
+
281
+ .account-workspace dl {
282
+ display: grid;
283
+ gap: 0.45rem;
284
+ margin: 1rem 0 0;
285
+ }
286
+
287
+ .account-workspace dl div {
288
+ display: grid;
289
+ grid-template-columns: 150px minmax(0, 1fr);
290
+ gap: 0.75rem;
291
+ }
292
+
293
+ .account-workspace dt {
294
+ color: var(--muted);
295
+ font-weight: 800;
296
+ }
297
+
298
+ .account-workspace dd {
299
+ margin: 0;
300
+ }
301
+
302
+ .account-message--error {
303
+ border-color: rgb(180 98 18 / 34%);
304
+ background: #fff8ef;
305
+ color: #6d3a08;
306
+ }
307
+
103
308
  .layout {
104
309
  display: grid;
105
310
  grid-template-columns: 290px minmax(0, 1fr);
@@ -1099,6 +1304,10 @@ p {
1099
1304
  padding: 18px 20px;
1100
1305
  }
1101
1306
 
1307
+ .topbar__actions {
1308
+ flex-wrap: wrap;
1309
+ }
1310
+
1102
1311
  .layout {
1103
1312
  display: block;
1104
1313
  }
@@ -1148,10 +1357,17 @@ p {
1148
1357
  .record-groups dl div,
1149
1358
  .record-item summary,
1150
1359
  .record-fields div,
1360
+ .account-form__row,
1361
+ .account-workspace dl div,
1151
1362
  .glossary-list div {
1152
1363
  grid-template-columns: 1fr;
1153
1364
  }
1154
1365
 
1366
+ .account-bar {
1367
+ align-items: flex-start;
1368
+ flex-direction: column;
1369
+ }
1370
+
1155
1371
  }
1156
1372
 
1157
1373
  @media (max-width: 520px) {