@escalated-dev/escalated 0.11.9 → 0.11.10

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": "@escalated-dev/escalated",
3
- "version": "0.11.9",
3
+ "version": "0.11.10",
4
4
  "description": "Vue 3 + Inertia.js UI components for Escalated — the embeddable support ticket system",
5
5
  "author": "Escalated Dev <hello@escalated.dev>",
6
6
  "license": "MIT",
package/pages.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "$comment": "Generated by scripts/generate-page-manifest.js from src/pages. Every name here resolves to a component; a name a backend renders that is not here is a blank screen. `props` is what each component reads -- a backend sending something else renders the screen with no content in it.",
3
- "version": "0.11.9",
3
+ "version": "0.11.10",
4
4
  "pages": [
5
5
  "Escalated/Admin/ApiTokens/Index",
6
6
  "Escalated/Admin/AuditLog/Index",
@@ -51,17 +51,20 @@ function selectTab(tab) {
51
51
  activeTab === tab.key
52
52
  ? escDark
53
53
  ? 'text-cyan-400 focus-visible:ring-cyan-500/40'
54
- : 'text-blue-600 focus-visible:ring-blue-500/40'
54
+ : 'text-[var(--esc-panel-accent)] focus-visible:ring-[var(--esc-panel-accent)]'
55
55
  : escDark
56
56
  ? 'text-neutral-500 hover:text-neutral-300 focus-visible:ring-cyan-500/40'
57
- : 'text-gray-500 hover:text-gray-700 focus-visible:ring-blue-500/40',
57
+ : 'text-gray-500 hover:text-gray-700 focus-visible:ring-[var(--esc-panel-accent)]',
58
58
  ]"
59
59
  @click="selectTab(tab)"
60
60
  >
61
61
  {{ tab.label }}
62
62
  <span
63
63
  v-if="activeTab === tab.key"
64
- :class="['absolute bottom-0 left-0 right-0 h-0.5 rounded-t', escDark ? 'bg-cyan-400' : 'bg-blue-600']"
64
+ :class="[
65
+ 'absolute bottom-0 left-0 right-0 h-0.5 rounded-t',
66
+ escDark ? 'bg-cyan-400' : 'bg-[var(--esc-panel-accent)]',
67
+ ]"
65
68
  ></span>
66
69
  </button>
67
70
  </div>
@@ -439,7 +439,7 @@ const colCount = computed(() => {
439
439
  type="checkbox"
440
440
  :checked="allSelected"
441
441
  aria-label="Select all tickets"
442
- class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
442
+ class="h-4 w-4 rounded border-gray-300 text-[var(--esc-panel-accent)] focus:ring-[var(--esc-panel-accent)]"
443
443
  @change="toggleAll"
444
444
  />
445
445
  </th>
@@ -490,7 +490,7 @@ const colCount = computed(() => {
490
490
  <input
491
491
  type="checkbox"
492
492
  :checked="isColumnActive(col.key)"
493
- class="h-3.5 w-3.5 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
493
+ class="h-3.5 w-3.5 rounded border-gray-300 text-[var(--esc-panel-accent)] focus:ring-[var(--esc-panel-accent)]"
494
494
  @change="toggleColumn(col.key)"
495
495
  />
496
496
  {{ col.label }}
@@ -504,14 +504,17 @@ const colCount = computed(() => {
504
504
  <tr
505
505
  v-for="(ticket, index) in tickets.data"
506
506
  :key="ticket.id"
507
- :class="['group', navigable && focusedIndex === index ? 'bg-indigo-50' : 'hover:bg-gray-50']"
507
+ :class="[
508
+ 'group',
509
+ navigable && focusedIndex === index ? 'bg-[var(--esc-panel-active)]' : 'hover:bg-gray-50',
510
+ ]"
508
511
  >
509
512
  <td v-if="selectable" class="w-10 px-3 py-3">
510
513
  <input
511
514
  type="checkbox"
512
515
  :checked="selectedIds.includes(ticket.id)"
513
516
  aria-label="Select ticket"
514
- class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
517
+ class="h-4 w-4 rounded border-gray-300 text-[var(--esc-panel-accent)] focus:ring-[var(--esc-panel-accent)]"
515
518
  @change="toggleOne(ticket.id)"
516
519
  />
517
520
  </td>
@@ -527,7 +530,7 @@ const colCount = computed(() => {
527
530
  ></span>
528
531
  <Link
529
532
  :href="route(`${routePrefix}.show`, ticket.reference)"
530
- class="text-indigo-600 hover:text-indigo-900"
533
+ class="text-[var(--esc-panel-accent)] hover:text-[var(--esc-panel-accent-hover)]"
531
534
  >
532
535
  {{ ticket.reference }}
533
536
  </Link>
@@ -88,7 +88,7 @@ function formatCount(value) {
88
88
  table is not affected — it stays wherever your application keeps it.
89
89
  </p>
90
90
 
91
- <dl v-if="active" class="grid grid-cols-2 gap-x-6 gap-y-3 text-sm">
91
+ <dl v-if="active" class="grid grid-cols-[auto_minmax(0,1fr)] gap-x-6 gap-y-3 text-sm">
92
92
  <dt class="text-[var(--esc-panel-text-muted)]">Connection</dt>
93
93
  <dd class="font-medium text-[var(--esc-panel-text)]">
94
94
  {{ active.name }}
@@ -160,7 +160,7 @@ function formatCount(value) {
160
160
  {{ statusLabel(connection) }}
161
161
  </span>
162
162
  </span>
163
- <span class="mt-0.5 block text-xs text-[var(--esc-panel-text-muted)]">
163
+ <span class="mt-0.5 block break-all text-xs text-[var(--esc-panel-text-muted)]">
164
164
  {{ connection.driver ?? 'unknown driver' }} ·
165
165
  {{ connection.database ?? 'no database configured' }}
166
166
  <template v-if="connection.ticket_count !== null">
@@ -217,7 +217,7 @@ function formatCount(value) {
217
217
  <button
218
218
  type="submit"
219
219
  :disabled="form.processing || !isChanging"
220
- class="rounded-lg bg-[var(--esc-accent)] px-4 py-2 text-sm font-medium text-white disabled:opacity-50"
220
+ class="rounded-lg bg-[var(--esc-panel-accent)] px-4 py-2 text-sm font-medium text-white disabled:opacity-50"
221
221
  >
222
222
  {{ form.processing ? 'Saving…' : 'Use this connection' }}
223
223
  </button>