jspsych-tangram 0.0.10 → 0.0.11

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/dist/index.cjs CHANGED
@@ -14,8 +14,9 @@ const CONFIG = {
14
14
  completion: { fill: "#ccfff2", stroke: "#13da57" },
15
15
  silhouetteMask: "#374151",
16
16
  anchors: { invalid: "#7dd3fc", valid: "#475569" },
17
- piece: { draggingFill: "#8e7cc3ff", validFill: "#8e7cc3ff", invalidFill: "#ef4444", allGreenStroke: "#86efac"},
18
- blueprint: { fill: "#374151", badgeFill: "#000000", labelFill: "#ffffff" },
17
+ piece: { draggingFill: "#8e7cc3ff", validFill: "#8e7cc3ff", invalidFill: "#ef4444", invalidStroke: "#dc2626", selectedStroke: "#674ea7", allGreenStroke: "#86efac", borderStroke: "#674ea7" },
18
+ ui: { light: "#60a5fa", dark: "#1d4ed8" },
19
+ blueprint: { fill: "#374151", selectedStroke: "#111827", badgeFill: "#000000", labelFill: "#ffffff" },
19
20
  tangramDecomposition: { stroke: "#fef2cc" }
20
21
  },
21
22
  opacity: {
@@ -26,7 +27,7 @@ const CONFIG = {
26
27
  piece: { invalid: 0.35, dragging: 0.75, locked: 1, normal: 1 }
27
28
  },
28
29
  size: {
29
- stroke: { bandPx: 5, allGreenStrokePx: 10, tangramDecompositionPx: 1 },
30
+ stroke: { bandPx: 5, pieceSelectedPx: 3, allGreenStrokePx: 10, pieceBorderPx: 2, tangramDecompositionPx: 1 },
30
31
  anchorRadiusPx: { valid: 1, invalid: 1 },
31
32
  badgeFontPx: 16,
32
33
  centerBadge: { fractionOfOuterR: 0.15, minPx: 20, marginPx: 4 }
@@ -46,7 +47,9 @@ const CONFIG = {
46
47
  },
47
48
  game: {
48
49
  snapRadiusPx: 15,
49
- showBorders: false}
50
+ showBorders: false,
51
+ hideTouchingBorders: true
52
+ }
50
53
  };
51
54
 
52
55
  function isComposite(bp) {
@@ -4087,9 +4090,8 @@ function NBackView({ params }) {
4087
4090
  display: "flex",
4088
4091
  flexDirection: "column",
4089
4092
  alignItems: "center",
4090
- justifyContent: "flex-start",
4091
- minHeight: "100vh",
4092
- padding: "40px 20px",
4093
+ justifyContent: "center",
4094
+ padding: "20px",
4093
4095
  background: "#f5f5f5"
4094
4096
  } }, instructions && /* @__PURE__ */ React.createElement(
4095
4097
  "div",