@mathscan/math-exercise-engine 1.1.13 → 1.1.15

package/dist/style.css

@@ -546,7 +546,7 @@ mark {
 }
 
 .pill-bg-path {
-  fill: var(--exercise-pill-bg, #FFE7B4);
+  fill: var(--exercise-pill-bg, #ffe7b4);
 }
 
 /*
@@ -780,10 +780,8 @@ button.drag-option {
 
 .exercise-table {
   border-spacing: 0;
-  border: 2px solid var(--exercise-table-border, #8b7ec8);
-  border-radius: 12px;
-  overflow: hidden;
   font-size: small;
+  width: 100%;
 }
 
 .exercise-table-cell {
@@ -801,12 +799,32 @@ button.drag-option {
 }
 
 table.exercise-table {
-  border-collapse: collapse;
+  border-collapse: separate;
+  border-spacing: 0;
 }
 
 td.exercise-table-cell,
 th.exercise-table-cell {
-  border: 2px solid #7c6cf2;
+  box-shadow: inset -2px -2px 0 0 #7c6cf2;
+}
+
+td.exercise-table-cell:last-child,
+th.exercise-table-cell:last-child {
+  box-shadow: inset 0 -2px 0 0 #7c6cf2;
+}
+
+tr.exercise-table-row:last-child td.exercise-table-cell,
+tr.exercise-table-row:last-child th.exercise-table-cell,
+td.exercise-table-cell.exercise-table-cell--last-row,
+th.exercise-table-cell.exercise-table-cell--last-row {
+  box-shadow: inset -2px 0 0 0 #7c6cf2;
+}
+
+tr.exercise-table-row:last-child td.exercise-table-cell:last-child,
+tr.exercise-table-row:last-child th.exercise-table-cell:last-child,
+td.exercise-table-cell.exercise-table-cell--last-row:last-child,
+th.exercise-table-cell.exercise-table-cell--last-row:last-child {
+  box-shadow: none;
 }
 
 /* ========================================
@@ -968,11 +986,11 @@ th.exercise-table-cell {
   fill: var(--visual-fraction-hover-color);
 }
 
-.visual-fraction-widget__sector[role="button"]:focus {
+.visual-fraction-widget__sector[role='button']:focus {
   outline: none;
 }
 
-.visual-fraction-widget__sector[role="button"]:focus-visible {
+.visual-fraction-widget__sector[role='button']:focus-visible {
   /* Keyboard-only focus indicator: a drop-shadow that follows the SVG shape
      instead of a rectangle, preserving accessibility without the visual glitch. */
   outline: none;
@@ -1106,102 +1124,229 @@ th.exercise-table-cell {
    ======================================== */
 
 .pair-matcher-widget {
-  --pm-orange: #FFCA76; --pm-purple: #705DC0;
-  --pm-selected-bg: #E7E2FF; --pm-selected-border: #AE9CFF;
-  --pm-card-width: 163px; --pm-card-height: 82px; --pm-card-radius: 12px; --pm-card-border-width: 1px;
-  --pm-dot-size: 17px; --pm-dot-border-width: 2px;
-  --pm-line-color: var(--pm-orange); --pm-line-color-correct: #43B925; --pm-line-color-incorrect: #D6234D; --pm-line-width: 4px;
-  position: relative; display: flex; flex-direction: column;
-  gap: 52px; width: max-content; max-width: 100%; margin-inline: auto; padding: 0;
+  --pm-orange: #ffca76;
+  --pm-purple: #705dc0;
+  --pm-selected-bg: #e7e2ff;
+  --pm-selected-border: #ae9cff;
+  --pm-card-width: 163px;
+  --pm-card-height: 82px;
+  --pm-card-radius: 12px;
+  --pm-card-border-width: 1px;
+  --pm-dot-size: 17px;
+  --pm-dot-border-width: 2px;
+  --pm-line-color: var(--pm-orange);
+  --pm-line-color-correct: #43b925;
+  --pm-line-color-incorrect: #d6234d;
+  --pm-line-width: 4px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 52px;
+  width: max-content;
+  max-width: 100%;
+  margin-inline: auto;
+  padding: 0;
 }
 
 .pair-matcher-row {
-  position: relative; z-index: 2; display: grid;
+  position: relative;
+  z-index: 2;
+  display: grid;
   grid-template-columns: repeat(var(--pm-cols, 3), minmax(0, var(--pm-card-width)));
-  justify-content: center; gap: 18px; align-items: stretch; min-width: 0;
+  justify-content: center;
+  gap: 18px;
+  align-items: stretch;
+  min-width: 0;
 }
 
-.pair-matcher-cell { display: flex; flex-direction: column; align-items: center; min-width: 0; }
+.pair-matcher-cell {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 0;
+}
 
 .pair-matcher-card {
-  box-sizing: border-box; display: flex; align-items: center; justify-content: center;
-  width: 100%; min-width: 0; max-width: 100%; align-self: stretch; flex: 1 1 auto;
-  min-height: var(--pm-card-height); height: auto; padding: 6px 8px;
-  border: var(--pm-card-border-width) solid var(--pm-orange); border-radius: var(--pm-card-radius);
-  background: #fff; color: var(--pm-purple);
-  font: 500 1rem / 1.2 var(--exercise-font-family, inherit); letter-spacing: 0;
-  text-align: center; word-break: normal; overflow-wrap: break-word;
-  white-space: normal; hyphens: auto; overflow: visible; cursor: pointer;
-  transition: background 0.35s ease, border-color 0.35s ease, transform 0.2s ease;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  align-self: stretch;
+  flex: 1 1 auto;
+  min-height: var(--pm-card-height);
+  height: auto;
+  padding: 6px 8px;
+  border: var(--pm-card-border-width) solid var(--pm-orange);
+  border-radius: var(--pm-card-radius);
+  background: #fff;
+  color: var(--pm-purple);
+  font: 500 1rem / 1.2 var(--exercise-font-family, inherit);
+  letter-spacing: 0;
+  text-align: center;
+  word-break: normal;
+  overflow-wrap: break-word;
+  white-space: normal;
+  hyphens: auto;
+  overflow: visible;
+  cursor: pointer;
+  transition:
+    background 0.35s ease,
+    border-color 0.35s ease,
+    transform 0.2s ease;
 }
 
-.pair-matcher-card:not([aria-disabled="true"]):active { transform: scale(0.98); }
+.pair-matcher-card:not([aria-disabled='true']):active {
+  transform: scale(0.98);
+}
 
-.pair-matcher-card[aria-disabled="true"] { cursor: default; }
+.pair-matcher-card[aria-disabled='true'] {
+  cursor: default;
+}
 
-.pair-matcher-card--pending, .pair-matcher-card--flash { border-color: var(--pm-selected-border); background: var(--pm-selected-bg); }
+.pair-matcher-card--pending,
+.pair-matcher-card--flash {
+  border-color: var(--pm-selected-border);
+  background: var(--pm-selected-bg);
+}
 
-.pair-matcher-card--correct   { border-color: #43B925; background: #F2FFEE; color: #43B925; }
+.pair-matcher-card--correct {
+  border-color: #43b925;
+  background: #f2ffee;
+  color: #43b925;
+}
 
-.pair-matcher-card--incorrect { border-color: #D6234D; background: #FFF0F7; color: #D6234D; }
+.pair-matcher-card--incorrect {
+  border-color: #d6234d;
+  background: #fff0f7;
+  color: #d6234d;
+}
 
 .pair-matcher-dot {
-  position: relative; z-index: 3; flex-shrink: 0;
-  width: var(--pm-dot-size); height: var(--pm-dot-size);
-  border: var(--pm-dot-border-width) solid var(--pm-orange); border-radius: 50%; background: #fff;
+  position: relative;
+  z-index: 3;
+  flex-shrink: 0;
+  width: var(--pm-dot-size);
+  height: var(--pm-dot-size);
+  border: var(--pm-dot-border-width) solid var(--pm-orange);
+  border-radius: 50%;
+  background: #fff;
 }
 
-.pair-matcher-dot--south   { margin-top:    calc(var(--pm-dot-size) / -2); }
+.pair-matcher-dot--south {
+  margin-top: calc(var(--pm-dot-size) / -2);
+}
 
-.pair-matcher-dot--north   { margin-bottom: calc(var(--pm-dot-size) / -2); }
+.pair-matcher-dot--north {
+  margin-bottom: calc(var(--pm-dot-size) / -2);
+}
 
-.pair-matcher-dot--active  { background: var(--pm-orange); }
+.pair-matcher-dot--active {
+  background: var(--pm-orange);
+}
 
-.pair-matcher-dot--pending { border-color: var(--pm-selected-border); background: #fff; }
+.pair-matcher-dot--pending {
+  border-color: var(--pm-selected-border);
+  background: #fff;
+}
 
-.pair-matcher-dot--correct   { border-color: #43B925; background: #43B925; }
+.pair-matcher-dot--correct {
+  border-color: #43b925;
+  background: #43b925;
+}
 
-.pair-matcher-dot--incorrect { border-color: #D6234D; background: #D6234D; }
+.pair-matcher-dot--incorrect {
+  border-color: #d6234d;
+  background: #d6234d;
+}
 
 .pair-matcher-lines {
-  position: absolute; inset: 0; z-index: 1;
-  width: 100%; height: 100%; overflow: visible; pointer-events: none;
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  pointer-events: none;
 }
 
-.pair-matcher-line { stroke-dasharray: 1; animation: pair-matcher-line-draw 0.5s ease both; }
+.pair-matcher-line {
+  stroke-dasharray: 1;
+  animation: pair-matcher-line-draw 0.5s ease both;
+}
 
-@keyframes pair-matcher-line-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
+@keyframes pair-matcher-line-draw {
+  from {
+    stroke-dashoffset: 1;
+  }
+  to {
+    stroke-dashoffset: 0;
+  }
+}
 
 .pair-matcher-card .text-item,
 .pair-matcher-card .question-text,
 .pair-matcher-card .group {
-  margin: 0; min-width: 0; max-width: 100%;
-  color: inherit; font: inherit;
-  overflow-wrap: break-word; word-break: normal; white-space: normal;
+  margin: 0;
+  min-width: 0;
+  max-width: 100%;
+  color: inherit;
+  font: inherit;
+  overflow-wrap: break-word;
+  word-break: normal;
+  white-space: normal;
 }
 
 .pair-matcher-card:not(.pair-matcher-card--rtl) .text-item,
 .pair-matcher-card:not(.pair-matcher-card--rtl) .question-text,
-.pair-matcher-card:not(.pair-matcher-card--rtl) .group { overflow-wrap: break-word; }
+.pair-matcher-card:not(.pair-matcher-card--rtl) .group {
+  overflow-wrap: break-word;
+}
 
-.pair-matcher-card--rtl { direction: rtl; unicode-bidi: plaintext; }
+.pair-matcher-card--rtl {
+  direction: rtl;
+  unicode-bidi: plaintext;
+}
 
 .pair-matcher-card-content {
-  display: block; width: 100%; min-width: 0; max-width: 100%; text-align: inherit; white-space: normal;
+  display: block;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  text-align: inherit;
+  white-space: normal;
 }
 
-.pair-matcher-card-content .space { display: inline; width: auto; }
+.pair-matcher-card-content .space {
+  display: inline;
+  width: auto;
+}
 
 .pair-matcher-card .text-item-arabic,
 .pair-matcher-card .question-text-arabic {
-  direction: rtl; font-size: 0.72rem; line-height: 1.15;
-  overflow-wrap: normal; word-break: normal; hyphens: manual;
+  direction: rtl;
+  font-size: 0.72rem;
+  line-height: 1.15;
+  overflow-wrap: normal;
+  word-break: normal;
+  hyphens: manual;
 }
 
 @media (max-width: 420px) {
-  .pair-matcher-widget { gap: 46px; }
-  .pair-matcher-row { grid-template-columns: repeat(var(--pm-cols, 3), minmax(0, 1fr)); gap: 12px; }
-  .pair-matcher-card { min-height: 58px; padding: 6px 7px; font-size: 0.92rem; }
+  .pair-matcher-widget {
+    gap: 46px;
+  }
+  .pair-matcher-row {
+    grid-template-columns: repeat(var(--pm-cols, 3), minmax(0, 1fr));
+    gap: 12px;
+  }
+  .pair-matcher-card {
+    min-height: 58px;
+    padding: 6px 7px;
+    font-size: 0.92rem;
+  }
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mathscan/math-exercise-engine",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "A DSL parser and validator for math exercises - transforms text-based exercise definitions into structured AST and JSON",
   "main": "dist/index.js",
   "module": "dist/index.mjs",